Singleton pattern haqida

https://www.patterns.dev/posts/singleton-pattern

@elyor_dev

Bitta hater borda, kim ekan o'sha a?

#haterlarga_omonlik

@elyor_dev

Mobx haqida seriyali postlar vada qilgandim. Bu hafta ishlar ko'payib ketdi biroz, vaqt kamroq.

Qaysi mavzular qiziq aynan mobx bo'yicha?

#mobx

@elyor_dev

Leverage | Tayanch

Savdolashish san’atini o’rganing. Eng foydali qobiliyat.

11 yoshimdan uyga bozorni o’zim qilardim. Savdolashib, narxini kelishib olardim. Korzinka? Pfft, Farxadskiy!

Yuqorida Polshaga kelib 2-ishimni topganim haqida yozgandim. Ular oyiga 3.5k zł taklif berishgandi. Meni yo’qotadigan hech narsam yo’q edi, qiziqishga savdolashib ko’rdim.

16k zł ga rozi bo’lishimni aytdim, yo’q deyishlarini bilib. Ular 5k taklif qilishdi - rozi bo’lmadim, 15k so’radim. 8k ga chiqarishdi…

Axiri 14k ga kelishdik. Qanday qilib? Tayanchni ishga solib.

“Leverage” nima bo’lishi mumkin? Hozir ishlab turgan ishingiz yoki boshqa kompaniya bergan taklif. Har doim leverage/tayanch qidiring.

Eng muhimi, qadringizni biling.

Foydali vscode pluginlar.

https://habr.com/p/756782/

P. S. Webstorm top:)


@elyor_dev

Local mobx store

Local mobx storelarni ishlatishlik uchun useLocalObservable hook bor, mobx-react-lite package ichida.

Yoki custom ikki qatorlik hook yozsa ham bo'ladi:

export const useLocalObservable = <TStore extends Record<string, any>>(initializer: () => TStore): TStore => {
const [store] = useState(() => makeAutoObservable(initializer(), {}, { autoBind: true }))
return store
}

So'ng uni component ichida ishlatish:

const todoList = useLocaleObservable(() => ({
todos: [] as as ITodoList[]
....
.......
}))

shunaqa qilib ishlataveramiz.

#mobx #localStore

@elyor_dev

Client-Side kiber hujumga yo'lak ochuvchi zaifliklar (уязвимость) turlari haqida ekan. Frontendchi sifatida bularni yodda tutish muhim bo'lsa kerak

https://habr.com/ru/companies/bastion/articles/757590/

@elyor_dev

Hozir mobx va nextjs'ni "do'stlashtirish" bilan ovvoraman. Biror kunda yangi package dunyoga kelar balki. Stay tuned!

Mobx top)

@elyor_dev

Tez orada mobx'da yozilgan applar yanada tezlashsa kerak.
Stay tuned)

#mobx #proxy

@elyor_dev

Mobx with react-query

Mobx va react-query integratsiyasi haqida qiziq video chiqdi. (Chatlardan birida tashlashdi). react-query ni mobx store ichida ishlatsa bo'lar ekan.

https://youtu.be/rNuIyo994OY?feature=shared

#mobx #react_query #mobx_top

@elyor_dev

Bundan qanaqa use case?

react-query'ning menga yoqmaydigan jihati, bu uning bir componentga bog'langani, ya'ni undan keladigan data bir nechta componentga kerak bo'lsa props drilling bo'lib ketishi, yana asosiy biznes logika ham componentlarda, ham storelarda (har bir app'da minimum bitta store bo'ladi, m-n: user sessionni saqlash uchun). qolib, aralashib ketishi. Yani SSOT (Single Source of Truth) buziladi.

mobx bilan (umuman istalgan stm bilan) integratsiya qilingan varianti bo'lsa butun logika uchun bitta qatlam javob berishini ancha osonlashtiradi, ui va bll ni maksimum ajrata olamiz, ham react-query barcha featurelarini saqlab qolamiz.

P.S. Videoda qo'shimcha DI (dependency inversion yoki injection) container library (react-ioc) ishlatilgan ekan, balkim kimgadir bu qiyin va tushunarsiz ko'rinar, sal keyinroq videodagi final codening soddaroq variantini (DI containerlarsiz) ko'rsatishga harakat qilaman.

#mobx #react_query

@elyor_dev

Lyric chekinish.

Ish uchun, yoki biron communitylarda umuman odam ko'p bo'lgan chatlarda bo'lsanggiz, profilinggizning nomiga e'tibor berib qo'ying. Eng yaxshi varianti ism, familiya yozib qo'yishlik nazarimda. Har xil hech ma'no yo'q simvollardan chekingan ma'qul. Hacker_123nimadir, badBoy777, ***fthyhh*#&#& va hokazo nomlar sizni jiddiy odam sifatida qaralmasligizga olib keladi.

P. S. Bu shunchaki tavsiya, hech kimni kamsitish niyatim yo'q

P. S. S. Yuqoridagi nomlar shunchaki hayolimga kelgani, aniq biron kishini yozganim yo'q

#tavsiya

@elyor_dev

Bun v1.0 chiqibdi. Bun bu yangi Javanoscript runtime. Nodejs ga alternative sifatida, nodejs dan ancha tezligini aytishmoqda. Nodejs dunyosida instrumentlar qismlarga ajratilgan. Masalan, webpack, ts-node, jest va hokazolar. Bun da esa hammasi "out-of-box" ekan.

Rasmda bir soniyada qancha http requestlarni "обработка" qila olishi haqida ko'rsatilgan. Nodejsdan 5x tezroq.

Yana bun nodejs projectlarni deyarli to'liq support qiladi deyishyapti.

Umuman olganda qiziq texnologiya. Sinab ko'rish kerak.

Official docs: bun.sh

#bun

@elyor_dev

Har kun - bu oddiy kun, shu jumladan bugun ham)

Ayrim kunlar mustasno

@elyor_dev

FSD - feature sliced design

FSD official telegram chatida o'zbekcha topic qo'shildi, qiziq bo'lsa marhamat:

https://news.1rj.ru/str/feature_sliced/75450

#fsd

@elyor_dev