Bo’limni qisqacha takrorlash

Ushbu bob 9-bobga nazar tashlashdan boshlandi, unda biz RSC’larni batafsil ko’rib chiqdik. Keyin esa React’dan tashqari JavaScript freymvorklarining keng olamini, jumladan Angular, Vue, Svelte, Solid va Qwik’ni o’rganishga kirishdik, bu kutubxonalar va freymvorklar o’rtasidagi farqlar va o’xshashliklarni tushunishga qaratilgan.

Biz Vue.js’ga nazar tashladik va uning UI qurishda deklarativ yondashuvni qanday qo’llashi va komponentlar asosidagi arxitekturasi orqali kuchli vazifalarni ajratishni qanday rag’batlantirishini o’rganib chiqdik.

Keyin Angular, Svelte, Solid va Qwik’ga kirishib, ularning o’ziga xos xususiyatlari va falsafalarini o’rganib chiqdik. Ularning ma’lumotlardagi o’zgarishlarga javoban UI’ni avtomatik ravishda yangilash uchun reaktiv primitivlardan qanday foydalanishini va bu jihatdan React’dan qanday farq qilishini ko’rib chiqdik.

Shaxsiy ko’rib chiqishlardan so’ng, biz ushbu UI kutubxonalarini taqqosladik, ularning kuchli va zaif tomonlari, o’zaro bog’liqliklarini ta’kidladik. Biz reaktivlik modellari, arxitektura tanlovlari, ishlab chiqish tajribasi va samaradorlik xususiyatlarini ko’rib chiqdik. Kod misollari orqali biz har birining noyob xususiyatlarini ko’rsatdik va ularning farqlarini yaxshiroq tushunishga yordam berdik.

Shuningdek, reaktivlik kontseptsiyasini ko’rib chiqdik va u turli kutubxonalarda qanday amalga oshirilishini o’rgandik. Qiziqarlisi, React’ning an’anaviy reaktivlikda bo’lmaganligini, chunki u state o’zgarishi qayta renderlashga olib keladigan kam tafsiliy darajani qo’llashini muhokama qildik; bu esa Vue yoki Svelte kabi kutubxonalarda yuqori tafsiliy darajali reaktivlik modelidan farq qiladi.

Yakunida, React’ning kelajagi va uning kelajakda qanday rivojlanishi mumkinligini ko’rib chiqdik. React jamoasining reaktivlik yondashuvi va uning an’anaviy reaktiv dasturlash modelidan qanday farq qilishini muhokama qildik. Shuningdek, lifecycle davomida o’zgarishi mumkin bo’lmagan qiymatlarni memoizatsiya qilish orqali React kodini avtomatik ravishda optimallashtirish uchun Forget kompilyatori haqida ham gaplashdik.

Endi biz yakuniy xulosaga keldik.

Takrorlash uchun savollar

Ushbu bobda qamrab olingan tushunchalarni tushunishingizni kuzatishga yordam beradigan savollar ro’yxati. Agar ularning barchasiga ishonch bilan javob bera olsangiz, juda yaxshi! Bu sizning ushbu platformadan o’rganayotganingizning belgisidir. Agar javob bera olmasangiz, bu bobni yana bir bor o’qib chiqishingiz kerak bo’lishi mumkin.

1. React, Vue, Svelte, Solid va Angular o’rtasidagi reaktivlik modelining farqlari qanday? Ushbu farqlar bu kutubxonalar/freymvorklarning ishlash samaradorligi va rivojlanish tajribasiga qanday ta’sir qiladi?
2. Qwik’ning samaradorlikni maksimal darajada oshirish uchun o’ziga xos yondashuvini muhokama qiling. Bu boshqa UI kutubxonalari/freymvorklari yondashuvidan qanday farq qiladi?
3. Ushbu bobda muhokama qilingan har bir UI kutubxonasi/freymvorkining asosiy kuchli va zaif tomonlari qanday? Ushbu kuchli va zaif tomonlar muayyan loyiha uchun kutubxona/freymvorkni tanlashga qanday ta’sir qilishi mumkin?
4. React an’anaviy ma’noda reaktiv emas degan gapni batafsil tushuntiring. Buni Vue yoki Svelte kabi kutubxonalardagi “oshirish asosidagi” reaktivlik modeli bilan taqqoslang?
5. React Forget nima? U qanday ishlaydi? U signal bilan qanday taqqoslanadi?

Keyingi qadamlar

React va uning ekotizimi bo’yicha ushbu keng qamrovli sayohatimizni yakunlashga yaqinlashganda, o’rganganlarimizni birlashtirishga tayyorlanmoqdamiz. Keyingi va oxirgi bobda biz umumiy manzaraga nazar tashlaymiz. Ushbu kitobni tugatish va bugun qayerda turganimiz va ertaga nima kutishimiz mumkinligini taqdim etamiz. Bunda biz ushbu kitob davomida to’plagan barcha texnik bilim va tushunchalardan foydalanamiz.

React’ning reconciler’i qanday ishlashi, asinxronlikka chuqur kirish, server komponentlarini o’rganish, turli React freymvorklarini tushunish, Reactni tengdoshlari bilan taqqoslash - bularning barchasi bir maqsadga xizmat qildi. Endi biz nuqtalarni bog’lashga, katta rasmni ko’rishga va kelajak yo’lini belgilashga tayyormiz.

Shunday qilib, siz React va frontend rivojlanishining kelajagiga qadam qo’yishga tayyormisiz? Katta final uchun tayyor bo’ling!