|
Sinfga asoslangan komponentlar uchun hayot aylanish usullari komponentning ishlash muddati davomida belgilangan nuqtalarda kodni bajarishga imkon beruvchi biriktirish shaklidan foydalanadi.
shouldComponentUpdateishlab chiquvchiga render talab qilinmasa, false qiymatini qaytarish orqali komponentni keraksiz qayta ko'rsatishning oldini olishga imkon beradi.
componentDidMountkomponent "o'rnatilgandan" keyin chaqiriladi (komponent foydalanuvchi interfeysida, ko'pincha uni DOM tuguni bilan bog'lash orqali yaratilgan). Bu odatda API orqali masofaviy manbadan ma'lumotlarni yuklashni boshlash uchun ishlatiladi .
componentWillUnmountkomponentni yirtib tashlash yoki "montaj qilish" dan oldin darhol chaqiriladi. setInterval()Bu, odatda, komponentni ajratish bilan olib tashlanmaydigan (masalan, komponent bilan bog'liq bo'lgan har qanday misollarni yoki "hujjat"da o'rnatilgan " eventListener "ni o'chirishda) oddiygina o'chirilmaydigan komponentga resurs talab qiluvchi bog'liqlikni tozalash uchun ishlatiladi. komponentning mavjudligi)
renderhayot aylanish jarayonining eng muhim usuli va har qanday komponentda yagona talab qilinadi. Odatda komponent holati har safar yangilanganda chaqiriladi, bu foydalanuvchi interfeysida aks etishi kerak.
Afzalliklar
React.js veb-ilovalarni yaratish uchun eng mashhur JavaScript kutubxonalaridan biridir. U Meta va malakali ishlab chiquvchilar va kompaniyalar jamoasi tomonidan faol ravishda qo'llab-quvvatlanadi. Ma'lumki, u tez, kengaytiriladigan, sodda va sahifani qayta yuklamasdan ma'lumotlarni o'zgartirishimiz mumkin bo'lgan yirik veb-ilovalarni yaratish uchun ishlatilishi juda foydali. Ushbu maqolada biz uning turli xil afzalliklari haqida gapiramiz, bu esa uni ko'plab startaplar va Fortune 500 kompaniyalari orasida keng qo'llash imkonini beradi.
Reactning ba'zi afzalliklari:
U kompozitsiyaga mos keladi.
Bu deklarativdir.
Bir marta yozing, istalgan joyda o'rganing.
Bu oddiy.
SEOga mos.
Tez, samarali va o'rganish oson.
U kompozitsiyali: kompozitsiya qismlar yoki elementlarni birlashtirib, bir butunni hosil qilish funktsiyasidir. Qadimgi veb-saytlarni ishlab chiqishda veb-sayt odatda bitta html sahifa edi. Shunday qilib, ko'p vaqt davomida ushbu veb-sahifalar minglab HTML kodlari bilan juda uzun bo'lib chiqdi. React kabi zamonaviy ramkalar yordamida biz ushbu kodlarni ajratib, uni maxsus komponentlarga joylashtirishimiz mumkin. Keyin biz ushbu komponentlardan foydalanishimiz va ularni bir joyga birlashtirishimiz mumkin. Shunday qilib, kod ancha barqaror va moslashuvchan bo'ladi. JSX Reactda shablon yaratish uchun ishlatiladi. JSX bu oddiy JavaScript boʻlib, u HTML tirnoq elementlariga ruxsat beradi va subkomponentlarni koʻrsatish uchun ushbu HTML teg sintaksisidan foydalanadi.
Bu deklarativdir: reaktsiyada DOM deklarativdir. Komponentning holatini o'zgartirish orqali biz interaktiv UI yaratishimiz mumkin va React unga muvofiq DOMni yangilash bilan shug'ullanadi. Bu DOM bilan hech qachon o'zaro aloqada bo'lmasligimizni anglatadi. Shunday qilib, bu UI dizaynini va ularni disk raskadrovka qilishni osonlashtiradi. Biz shunchaki dasturning holatini o'zgartirishimiz va foydalanuvchi interfeysi o'sha vaqtda qanday ko'rinishini ko'rishimiz mumkin. Bu bizning kodimizni oldindan aytish mumkin va disk raskadrovka qilishni osonlashtiradi.
Bir marta yozing, istalgan joyda o'rganing: React-da mavjud kodni qayta yozmasdan yangi xususiyatlarni ishlab chiqishimiz mumkin. Shuningdek, u Node yordamida serverda ko‘rsatishi va React Native yordamida mobil ilovalarni quvvatlantirishi mumkin. Shunday qilib, biz bir vaqtning o'zida IOS, Android va veb-ilovalarni yaratishimiz mumkin. Xulosa qilib aytganda, React tomonidan keng ko'lamli qayta foydalanish mumkin bo'lgan kod mavjud.
Hammasi oddiy: komponentlarga asoslangan yondashuv, avtomatik renderlash va oddiy JavaScript-dan foydalanish Reactni o‘rganish, veb (va mobil ilovalar) yaratish va uni qo‘llab-quvvatlashni juda oson qiladi. JSX deb nomlangan maxsus sintaksisni yaratish uchun Javascript va HTMLni birlashtira olamiz, bu uni tushunish va u bilan ishlashni osonlashtiradi.
SEOga mos: SEO ishlab chiquvchilarga foydalanuvchi uchun to'g'ri tarkibni topishni osonlashtiradi. Agar foydalanuvchi qidiruvni amalga oshirsa, Google, Yahoo, Bing yoki Baidu kabi qidiruv tizimi platformalari qaysi sahifa aynan shu qidiruvga eng mos kelishini topishga harakat qiladi. React sizga SPA (Yagona sahifa ilovasi) berib, SEO-ga ta'sir qiladi, bu esa sahifadagi tarkibni ko'rsatish uchun Javascript-ni talab qiladi, keyinchalik uni ko'rsatish va indekslash mumkin.
Tez, samarali va oʻrganish oson: Unda oldindan tayyorlangan naqshlar va funksiyalar mavjud boʻlib, ular qurilish bloklari kabi tanlanishi va birlashtirilishi mumkin boʻlgan, butun dasturni satr boʻyicha loyihalashdan koʻra qisqa vaqt ichida tez, jozibali va kengaytiriladigan loyihalarni yaratish uchun. Bundan tashqari, "Domenga xos til" deb ataladigan Angular va Emberdan farqli o'laroq, React u bilan ishlashni boshlash uchun faqat HTML va CSS asoslari bo'yicha asosiy bilimlarni talab qiladi.
Do'stlaringiz bilan baham: |
