React’ga kirish

Ushbu platformamiz React’dan qanday foydalanishni o’rganmoqchi bo’lganlar uchun emas. Agar siz React bilan tanish bo’lmasangiz va darslik izlayotgan bo’lsangiz, react.dev saytidagi React dokumentatsiyasi boshlash uchun yaxshi bo’lishi mumkin. Aksincha, bu kitob qiziquvchanlar uchun: React’dan qanday foydalanishdan ko’ra, React qanday ishlashi bilan qiziqqan odamlar uchun yozilgan.

Biz birgalikda React tushunchalari orqali sayohat qilib, ularning qanday ishlashini tushunamiz va hammasi bir-biri bilan qanday mos kelib, React yordamida dasturlar yaratishga imkon berishini o’rganamiz. Asosiy mexanizmlarni anglash uchun zarur bo’lgan aqliy modellarini rivojlantirib, React va uning ekotizimi haqida chuqurroq bilimga ega bo’lamiz.

Ushbu platformadagi o’quvchilarimizni quyidagilarni biladi deb taxmin qilamiz: brauzerlar veb-sahifalarni render qiladi. Veb-sahifalar CSS bilan stil berilgan HTML dokumentlari va JavaScript bilan interaktiv qilinadi. Shuningdek, buni boshlashdan avval, bizda React’ni qanday ishlatish haqida biroz tushuncha, bilimlar va bir yoki ikkita React dasturini yaratgan bo’lishimiz kerak. Ideal holda, ba’zi React dasturlarimiz production (foydalanish) holatida bo’lishi lozim.

Dastavval, biz React bilan tanishamiz va uning tarixiga qisqacha nazar tashlaymiz, 2013-yilda ilk bor ochiq manba sifatida chiqarilgan vaqtga qaytamiz. Shundan so’ng, Biz JSX qanday ishlashi haqidagi kompilyator nazariyasiga kirib boramiz, fiber’lar haqida gaplashamiz va uning parallel(concurrent) dasturlash modelini chuqur tushunamiz. Shunday qilib, React.memo va useTransition kabi kuchli primitivlar orqali qanday memoizatsiya qilish va qaysi render ishlarini keyinga qoldirish kerakligini o’rganamiz.

So’ngra, React uchun yaratilgan freymvorklarni o’rganamiz: ularning qanday muammolarni hal qilishi va buni qanday mexanizmlar orqali amalga oshirishi. Biz buni barcha veb-ilovalar uchun dolzarb bo’lgan uchta muammoni - serverda render qilish, routing qilish va ma’lumotlarni olish (data fetching) - hal qiladigan o’z freymvorkimizni yozish orqali amalga oshiramiz.

Bu muammolarni o’zimiz hal qilganimizda, freymvorklar qanday ishlashini tushunimiz ancha qulayroq bo’ladi. Shuningdek, biz React server komponentlari (RSC) va serverdagi harakatlar (server actions) haqida chuqurroq bilib olamiz, keyingi avlod vositalarining (next-generation tooling), masalan, to’plash vositalari(bundlers) va izomorfik router’larning rolini anglaymiz.

Yakunida esa, React’dan tashqariga nazar tashlab, Vue, Solid, Angular, Qwik va boshqa alternativlarni o’rganamiz. React’ning kam tafsiliy darajadagi (coarse-grained) reaktivlik modeliga qarshi yuqori tafsiliy darajada (fine-grained) bo’lgan reaktivlik modellarini o’rganamiz. Shuningdek, React’ning signalga javobi bo’lgan Forget vositalar zanjiri va u signal bilan qanday solishtirilishini ko’rib chiqamiz.

Oldinda juda ko’p mavzular bor, shuning uchun vaqtni behuda sarflamaylik va tezroq boshlaylik!

So'zboshi React asoslari