Mundarija:

Nima uchun reaktsiya tezroq bo'ladi?
Nima uchun reaktsiya tezroq bo'ladi?

Video: Nima uchun reaktsiya tezroq bo'ladi?

Video: Nima uchun reaktsiya tezroq bo'ladi?
Video: ТЕЗ ХОМИЛАДОР БОЛИШ УЧУН КАНЧА ВАКТ ОРАЛИГИДА КОШИЛИШ КЕРАК 2024, May
Anonim

ReactJS DOM yangilanishini oldini olishga yordam berganligi sababli, bu ilovalar bo'lishini anglatadi Tezroq va yaxshiroq UX taqdim eting. ReactJS veb-sayt serveridan jami ko'rsatilgan sahifalarni yaxshilashga yordam berish uchun ishlab chiqilgan. Bundan tashqari, u mijoz tomonida ko'rsatish uchun tugunlardan foydalanadi.

Xuddi shunday, nima uchun virtual Dom tezroq reaksiyaga kirishadi?

Reaksiya qilish hisoblanadi tez chunki u faqat manipulyatsiya qiladi DOM qanchalik kerak bo'lsa. O'zgarishlarni yangilash juda ko'p Tezroq butunlay qayta qurishdan ko'ra DOM noldan daraxt. U buni amalga oshirishga qodir, chunki u saqlab qoladi virtual DOM komponentimizni xotirada oxirgi marta yangilaganimiz yoki ko'rsatganimizdagi vakillik.

Xuddi shunday, nima uchun reaktsiya yaxshiroq? Mana bir nechta sabablar nega React juda tez mashhur bo'ldi: DOM API bilan ishlash juda qiyin. Reaksiya qilish asosan ishlab chiquvchilarga haqiqiy brauzerdan ko'ra qulayroq bo'lgan virtual brauzer bilan ishlash imkoniyatini beradi. Reaksiya virtual brauzer ishlab chiquvchi va haqiqiy brauzer o'rtasida agent vazifasini bajaradi.

Bundan tashqari, nima uchun reaksiya burchakka qaraganda tezroq?

Ilova hajmi va unumdorligi - Burchakli Virtual DOM tufayli ReactJS ilovalari bir oz afzalliklarga ega AngularJS dan tezroq bir xil o'lchamdagi ilovalar. Shuningdek, Burchakli nisbatan kichikroq ilova hajmiga ega Reaksiya qilish Xuddi shu tadqiqotda Redux bilan: Uning uzatish hajmi 129 KB, esa Reaksiya qilish + Redux - 193 KB.

Qanday qilib reaksiya ilovamni tezroq qilishim mumkin?

21 React ilovalari uchun ishlashni optimallashtirish texnikasi

  1. O'zgarmas ma'lumotlar tuzilmalaridan foydalanish.
  2. Funksiya/Statistikasiz komponentlar va reaksiya.
  3. Bir nechta bo'lakli fayllar.
  4. React-dan foydalaning.
  5. Render funksiyasida Inline Funktsiya ta'rifidan saqlaning.
  6. JavaScript-da hodisalarni bostirish va bekor qilish.
  7. Indeksni xarita uchun kalit sifatida ishlatishdan saqlaning.
  8. Dastlabki holatlardagi rekvizitlardan qochish.

Tavsiya: