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

CSS da parallax effect:

https://habr.com/p/762358/

#parallax #css #css_top

@elyor_dev

Shofir bilimi (yodlangan bilim)

1918-yil Nobel mukofoti yutganidan so'ng, Maks Plank Germaniya bo'ylab sayohat qilib, universitetlarda yangi kvant mexanikasi bo'yicha bir xil maruzani berib boradi.

Uning haydovchisi bu maruzani qayta-qayta eshitaverib, yodlab oladi va professorga bir taklif beradi.

Myunxin shahridagi uchrashuvda maruzani professor o'rniga haydovchisi o'tadi, professor esa hayovchisi o'rnida tinglab o'tiradi. Tinglovchilardan biri savol berib qolganida - boyagi haydovchi:

- "Shu qadar oddiy savol berdingizki, haydovchim javob bera qolsin" deydi.

Bu hikoyani eshitgach, biz bilgan qancha bilim aslida "shofir bilimi" ekan deb o'ylab qoladi odam.

Anglash - bilimni sizniki qiladi, yodlash emas.
Maktab esa xotirangizni tekshiradi - shofirlar ko'payadi.

Opera (browser)da Senior software engineer rolida ishlaydigan Ravshan aka JavaScript bo'yicha videodarsliklar chiqarishni boshlabdi.
Youtube kanallariga a'zo bo'lishni tavsiya qilaman.


https://youtube.com/playlist?list=PLn8TR1nMED9ZkH_zA0teP6ZEIF6oZhMSA&si=UyfvwHHiqid56aZv

Reactda two way data binding uchun bir misol.

Aytgancha sahifada 100 ta input bo'lsa ham ortiqcha rerenderdan o'ylanmasa ham bo'ladi. Chunki faqatgina bitta change bo'layotgan input rerender bo'ladi. Mobx magic, Mobx top)

https://codesandbox.io/s/two-way-data-binding-mobx-rfz8xk?file=/src/App.tsx


#mobx #form_controller

@elyor_dev

React Server Component uchun Devtools chiqibdi.



https://chrome.google.com/webstore/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn/related

Diqqat, "Josh*Podcast"ning oltinchi soni e'loni. 🎙

Podcast mavzusi 📃:
“Dasturlashda muvaffaqiyatga erishish.”

Mehmonimiz 👥:
- Ravshan Samandarov (Senior Software Engineer at Oxagile)

Sana va vaqti 🕔:
14-Oktyabr, 21:00

Jonli efir linki📍: https://www.youtube.com/watch?v=CUhE1xbS46c

Savollaringizni shu post ostiga yoki video "Live chat"iga yo'llab tursangiz bo'ladi.

#podcast

@JoshDeveloper

Yana o'sha mavzu

Biron bir kishidan yoki communitylarda savol so'rashlikda ham odobni ushlash kerak. Javob bergan kishiga rahmat deb qo'yishlik ham o'sha kishida siz haqinggizda yaxshi taassurot qoldiradi. Bundan avvalo o'zinggizga foyda:

1. Keyingi safar savol so'rasanggiz ham og'rinmay javob berishadi.

2. Kelajakda sizni potensial ish beruvchiga tavsiya qilishi ham mumkin.

Yana bizni qadriyatlarimizda ham hojatini chiqargan kishiga albatta tashakkur aytib qo'yishlik ham yaxshi amal. Umuman olganda savol javob odoblarini yaxshilab o'rganib qo'yishlik barchaga foyda keltiradi. Sizga avvalambor hech kim javob berishga majbur emas, hammani vaqti o'zi uchun qimmatli, doim shu yodinggizda tursin. Savolni iloji boricha qisqa, lo'nda, va faktlari (codedan rasmlar, xatodan rasm, o'zinggiz nimalar qilib ko'rganinggiz va h.) bilan bering.

#tavsiya #soft_skills

@elyor_dev

O'zbekistondagi React hamjamiyatining asosiy figurasi bo'lgan Ayyubxon do'stimizning kanallariga ham obuna bo'lib, qo'llab-quvvatlab qo'yaylik.

Yaxshi maqolalar yozib turadi. Shulardan biri mana RTK haqida:
https://www.texnoman.uz/post/redux-toolkitni-10-qadamda-organing_.html

Kanalga havola: https://news.1rj.ru/str/thunkdev

P.s. Reklama huquqlari asosida

Web workerlar haqida:

https://habr.com/p/767494/

#web_workers

@elyor_dev