Mobx reaktsiyasi - eng yaxshi amaliyotlar

Ushbu maqolada men sizga React with mobx-dan foydalanish bo'yicha eng yaxshi amaliyotlarni ko'rsatmoqchiman. Men ularni qoidalar sifatida taqdim etaman. Shunday qilib, biron bir muammoga duch kelganingizda, ushbu qoidalarga rioya qilgan holda, uni hal qilishga harakat qiling.

Ushbu maqola mobx-dagi do'konlar haqida asosiy tushunchaga ega bo'lishingizni talab qiladi. Agar yo'q bo'lsa, avval buni o'qing.

Tez boshlang'ich kerakmi? Men tavsiya etilgan amaliyotlarni amalga oshiradigan boshlang'ich loyihani yaratdim. https://github.com/danielbischoff/react-mobx-starter

Do'konlar ui davlatini anglatadi

Shuni yodda tutingki, do'konlar sizning ilova holatingizni anglatadi. Bu shuni anglatadiki, siz do'konlarning holatini faylga saqlaganingizda, dasturingizni yopganingizda va uni yuklangan holatida qayta boshlaganingizda, xuddi shu dasturga ega bo'lasiz va dasturni yopishdan oldin ko'rgan narsalaringizni ko'rasiz. Magazinlar "mahalliy ma'lumotlar bazasi" degani emas. Shuningdek, ular qaysi tugma ko'rinadigan, o'chirilganligi, kiritilgan matnning joriy matni va hk haqida ma'lumotga ega.

Qolgan qo'ng'iroqlaringizni do'konlardan ajrating

Dam olish interfeysini do'konlaringizdan qo'ng'iroq qilmang. Bu ularni sinashni qiyinlashtiradi. Buning o'rniga, qolgan qo'ng'iroqlarni qo'shimcha sinflarga bo'ling va do'kon konstruktoridan foydalangan holda har bir do'konga ushbu misollarni bering. Sinovni yozganingizda, siz api qo'ng'iroqlarini osongina soxtalashtirishingiz va soxta api nusxangizni har bir do'konga topshirishingiz mumkin.

O'zingizning biznes mantiqingizni do'konlarda saqlang

Hech qachon tarkibiy qismlarga biznes mantig'ini yozmang. O'zingizning biznes mantig'ingizni tarkibiy qismlarga yozganingizda, uni qayta ishlatish imkoniyati yo'q, biznes mantiqingiz ko'plab komponentlarga tarqaladi, bu esa kodni qayta ishlab chiqarishni yoki qayta ishlatishni qiyinlashtiradi. Do'konlardagi usullar bilan biznes mantig'ini yozing va ushbu usullarni o'zingizning tarkibiy qismlaringizdan chaqiring.

Do'kon do'konlarini yaratmang

Hech qachon global do'kon nusxalarini yaratmang. Sizning tarkibiy qismlaringiz uchun biron bir oqilona va ishonchli test yozolmaysiz. Buning o'rniga Provayderdan o'zingizning do'konlaringizni tarkibiy qismlarga qo'shish uchun foydalaning. Keyin testlarda ushbu do'konlarni osongina masxara qilishingiz mumkin.

Faqat do'konga uning xususiyatlarini o'zgartirishga ruxsat beriladi

Hech qachon do'kon mulkini to'g'ridan-to'g'ri tarkibiy qismda o'zgartirmang. Faqat do'konga o'z xususiyatlarini o'zgartirishga ruxsat beriladi. Doimiy ravishda do'konning mulkini o'zgartiradigan usulni chaqiring. Aks holda sizning ilovalaringiz holati (do'konlar = ilova holati) har tomondan yangilanadi va siz asta-sekin boshqaruvni yo'qotasiz. Bu disk raskadrovka qilishni juda qiyinlashtiradi.

Har doim har bir tarkibiy qismni @ kuzatuvchi bilan izohlang

Har bir tarkibiy qismni @ kuzatuvchi bilan sharhlash, har bir tarkibiy qismga do'konga kiritilgan o'zgartirishlar to'g'risida yangilash imkonini beradi. Aks holda, uning tarkibiy qismini yangilash uchun @ komponentasi bilan qo'shilgan ona komponentani qayta qo'shish kerak. Shuning uchun kamroq tarkibiy qismlarni qayta joylashtirish kerak.

Hisoblangan @ dan foydalaning

Aytaylik, foydalanuvchi administrator vazifasini bajarmasa va dastur "boshqaruv rejimida" bo'lmasa, sizning tugmachangiz o'chirilishini xohlaysiz. Bitta do'konda isAdmin kabi bitta xususiyat bunga etarli emas. Sizga do'koningizda hisoblangan mulk kerak bo'ladi.

Ehtimol, siz reaksiya yo'riqchisiga muhtoj emassiz

Ehtimol, siz reaksiya yo'riqchisiga muhtoj emassiz. Aytganimdek, do'konlaringiz ilova holatini ko'rsatishini xohlaysiz. Router-ga ilova holatining bir qismiga ishlov berishga ruxsat berganingizda, do'konlaringiz ilova holatini bildirishiga yo'l qo'ymaysiz. Shunday qilib, sizning hozirgi ko'rinishingizni do'konlaringizdan birida saqlang. Keyin sizda mulkning aytganlarini ko'rsatadigan bitta komponent mavjud.

Nazorat qilinmaydigan tarkibiy qismlarga qaraganda boshqariladigan qismlarni afzal ko'rishga harakat qiling

Har doim boshqariladigan tarkibiy qismlarni yaratishga harakat qiling. Bu sizning tarkibiy qismlaringizning sinov qismlarini va umuman murakkabligini osonlashtiradi.

Ushbu oddiy maslahatlar bilan sizga yordam bera olishimga umid qilaman.
Quyidagi izohlarda savol bering yoki fikringizni bildiring.