Mobx va React Context

Assalomu aleykum, bugundan mobx bo'yicha seriyali postlarni boshladim. Bugun data React + Mobx applarda data sharing (stateni tashish) yo'llaridan biri bo'lgan Mobx + Context Api'ni ko'rib chiqamiz.

1. O'zimizga kerakli storelarni create qilamiz, Ular nechtaligi, qayerda joylashishi muhim emas.

2. RootStore class ichida bizda bor barcha storelarni register qilib chiqamiz, xuddi 2-rasmdagidek.

3. React context create qilamiz, project'da ts bo'lsa tiplarini ko'rsatgan holda, va shu context'ni ishlata olishlik uchun Provider va useStore hooklarni ham create qilib olamiz, unchalik murakkab emas nazarimda.

4. So'ng entry point fileda (main.tsx yoki index.tsx) Appni Providerga o'raymiz

5. useStore orqali kerakli storelarni olib ishlataveramiz. Faqat store ishlatilgan componentlarni observerga o'rash kerak

#mobx #context_api

@elyor_dev