|
Kirish 3 I bob. Python onlayn dars sayti
|
| bet | 12/24 | | Sana | 20.05.2024 | | Hajmi | 400,17 Kb. | | #244645 |
Bog'liq Diplom ishiServer komponentlari. Reaktiv server komponentlari yoki "RSC"lar faqat serverda ishlaydigan funksiya komponentlaridir. Kontseptsiya birinchi marta “Server komponentlari bilan maʼlumotlarni olish” nutqida taqdim etilgan boʻlsa-da, server tomonida koʻrsatishga oʻxshash tushuncha boʻlsa-da, RSClar mijozga mos JavaScript-ni yubormaydi, chunki hidratsiya sodir boʻlmaydi. Natijada, ular ilgaklarga kirish imkoniga ega emaslar. Biroq, ular asinxron funksiya bo'lishi mumkin, bu ularga asinxron operatsiyalarni bevosita bajarishga imkon beradi:
async function MyComponent() {
const message = await fetchMessageFromDb();
return (
Message: {message}
);
}
Hozirda server komponentlaridan Next.js bilan eng qulay foydalanish mumkin.
Sinf komponentlari. Sinf komponentlari ES6 sinflari yordamida e'lon qilinadi. Ular funktsiya komponentlari kabi harakat qilishadi, lekin holat va hayot aylanishi hodisalarini boshqarish uchun Hooks-dan foydalanish o'rniga ular React.Component tayanch sinfidagi hayot aylanish usullaridan foydalanadilar.
class ParentComponent extends React.Component {
state = { color: 'green' };
render() {
return (
this.state.color} />
);
}
}
2019-yil fevral oyida React 16.8 bilan React Hooks-ning joriy etilishi ishlab chiquvchilarga funktsional komponentlar ichidagi holat va hayot aylanishi xatti-harakatlarini boshqarish imkonini berdi, bu esa sinf komponentlariga bo'lgan ishonchni kamaytiradi.
Ushbu tendentsiya funktsional dasturlash va modulli dizaynga nisbatan kengroq sanoat harakati bilan mos keladi. React rivojlanishda davom etar ekan, ishlab chiquvchilar yangi ilovalarni yaratishda yoki mavjudlarini qayta tiklashda funktsional komponentlar va React Hooks afzalliklarini hisobga olishlari zarur.
Marshrutlash. Reactning o'zi marshrutlash uchun o'rnatilgan yordamga ega emas. React, birinchi navbatda, foydalanuvchi interfeyslarini yaratish uchun kutubxona bo'lib, u to'liq huquqli marshrutlash yechimini o'z ichiga olmaydi. React ilovalarida marshrutlashni boshqarish uchun uchinchi tomon kutubxonalaridan foydalanish mumkin. Bu ishlab chiquvchiga marshrutlarni belgilash, navigatsiyani boshqarish va URL o'zgarishlarini Reactga qulay tarzda boshqarish imkonini beradi.
Virtual DOM. Yana bir e'tiborga loyiq xususiyat - virtual hujjat ob'ekt modeli yoki Virtual DOM dan foydalanish. React xotiradagi ma'lumotlar strukturasi keshini yaratadi, natijada paydo bo'lgan farqlarni hisoblaydi va keyin brauzerda ko'rsatilgan DOM-ni samarali yangilaydi. Bu jarayon yarashish deb ataladi. Bu dasturchiga har bir o'zgarishda butun sahifa ko'rsatilgandek kod yozish imkonini beradi, React esa faqat haqiqatda o'zgargan komponentlarni ko'rsatadi. Ushbu selektiv renderlash ish faoliyatini sezilarli darajada oshiradi.
|
| |
