Reactning asosiy xususiyatlari nimada?

1. 
   React nima?
   

React - bu foydalanuvchi interfeyslarini yaratish uchun, ayniqsa, bir sahifali ilovalar uchun ishlatiladigan ochiq manbali JavaScript kutubxonasi. U veb va mobil ilovalar uchun ko'rinish qatlamini boshqarish uchun ishlatiladi. Reactni Facebook’da ishlaydigan dasturiy ta’minot muhandisi Jordan Walke yaratgan. React birinchi marta Facebook-ning News Feed-da 2011-yilda va Instagram-da 2012-yilda joylashtirilgan.

2. 
   Reactning asosiy xususiyatlari nimada?
   

Reactning asosiy xususiyatlari:
RealDOM manipulyatsiyalari qimmat ekanligini hisobga olib, RealDOM o'rniga VirtualDOM-dan foydalanadi.
Server tomonida renderlashni qo'llab-quvvatlaydi.
Bir yo'nalishli ma'lumotlar oqimini yoki ma'lumotlarni bog'lashni kuzatib boradi.
Ko'rinishni ishlab chiqish uchun qayta ishlatiladigan/kompozitsiya qilinadigan UI komponentlaridan foydalanadi.

3. 
   JSX nima?
   

JSX - bu ECMAScript-ning XML-ga o'xshash sintaksisi kengaytmasi (qisqartma JavaScript XML degan ma'noni anglatadi). Asosan u React.createElement() funksiyasi uchun sintaktik shakarni taqdim etadi, bu bizga JavaScript-ning ifodaliligini va HTML kabi shablon sintaksisini beradi.

4. 
   Element va komponent o'rtasidagi farq nima?
   

Element - bu DOM tugunlari yoki boshqa komponentlar nuqtai nazaridan ekranda paydo bo'ladigan narsalarni tavsiflovchi oddiy ob'ekt. Elementlar o'z rekvizitlarida boshqa elementlarni o'z ichiga olishi mumkin. Reaktsiya elementini yaratish arzon. Element yaratilgandan keyin u hech qachon mutatsiyaga uchramaydi.

5. 
   React-da komponentlarni qanday yaratish mumkin?
   

Komponentni yaratishning ikkita mumkin bo'lgan usuli mavjud.
Funktsiya komponentlari: Bu komponent yaratishning eng oddiy usuli. Bular props obyektini birinchi parametr sifatida qabul qiladigan va React elementlarini qaytaradigan sof JavaScript funksiyalari:
Class Components: Komponentni aniqlash uchun ES6 classidan ham foydalanishingiz mumkin.

6. 
   Class komponentidan funksiya komponentidan qachon foydalanish kerak?
   

Agar komponentga holat yoki hayot aylanish usullari kerak bo'lsa, sinf komponentidan foydalaning, aks holda funktsiya komponentidan foydalaning. Biroq, React 16.8 dan Hooks qo'shilgan holda siz faqat o'z funksiya komponentingizda sinf komponentida mavjud bo'lgan holat, hayot aylanish usullari va boshqa xususiyatlardan foydalanishingiz mumkin. *Shunday ekan, har doim Function komponentlaridan foydalanish tavsiya etiladi, agar sizga Function komponenti ekvivalenti hali mavjud boʻlmagan React funksiyasi kerak boʻlmasa, masalan, Xato chegaralari *

7. 
   Sof komponentlar nima?
   

React.PureComponent aynan React.Component bilan bir xil, faqat u siz uchun shouldComponentUpdate() usulini boshqaradi. Rekvizitlar yoki holat o'zgarganda, PureComponent ikkala rekvizit va holat bo'yicha sayoz taqqoslashni amalga oshiradi. Boshqa tomondan, komponent joriy rekvizit va holatni qutidan keyingi bilan solishtirmaydi. Shunday qilib, shouldComponentUpdate chaqirilganda komponent sukut bo'yicha qayta ko'rsatiladi.

8. 
   Reactdagi state nima?
   

Komponentning holati - komponentning ishlash muddati davomida o'zgarishi mumkin bo'lgan ba'zi ma'lumotlarni saqlaydigan ob'ekt. Biz har doim davlatimizni iloji boricha soddalashtirishga harakat qilishimiz va statistik komponentlar sonini kamaytirishimiz kerak.

9. 
   React-da props nima?
   

Propslar komponentlarga kirish hisoblanadi. Ular HTML-teg atributlariga o'xshash nomlash qoidalaridan foydalangan holda yaratilganda komponentlarga uzatiladigan qiymatlar to'plamini o'z ichiga olgan yagona qiymatlar yoki ob'ektlardir. Ular asosiy komponentdan kichik komponentga uzatiladigan ma'lumotlardir.
React-dagi propslarning asosiy maqsadi quyidagi komponentlarning funksionalligini ta'minlashdir:
Shaxsiy ma'lumotlarni komponentingizga o'tkazing.
Trigger holati o'zgarishlari.
Komponentning render() usuli ichida this.props.reactProp orqali foydalaning.

10. 
    State va props o'rtasidagi farq nima?
    

Har ikkala props va state oddiy JavaScript obyektlaridir. Ularning ikkalasi ham render natijasiga ta'sir etuvchi ma'lumotga ega bo'lsa-da, ular komponentga nisbatan o'zlarining funksionalligi jihatidan farq qiladi. Rekvizitlar funksiya parametrlariga o'xshash komponentga o'tadi, holat esa funktsiya ichida e'lon qilingan o'zgaruvchilarga o'xshash komponent ichida boshqariladi.

11. 
    Nega biz stateni to'g'ridan-to'g'ri yangilamasligimiz kerak?
    

Agar siz to'g'ridan-to'g'ri stateni yangilashga harakat qilsangiz, u komponentni qayta ko'rsatmaydi.
Buning o'rniga setState() usulidan foydalaning. U komponent stateni ob'ektiga yangilanishni rejalashtiradi. State o'zgarganda, komponent qayta ko'rsatish orqali javob beradi.

12. 
    setState() argumenti sifatida callback funktsiyasining maqsadi nima?
    

Callback funktsiyasi setState tugallanganda va komponent ko'rsatilganda chaqiriladi. setState() asinxron bo'lgani uchun Callback funktsiyasi har qanday post harakati uchun ishlatiladi.
Eslatma: Callback funktsiyasidan ko'ra lifecycle method  foydalanish tavsiya etiladi

13. 
    HTML va React event handling o'rtasidagi farq nima?
    

1. 
   HTMLda hodisa nomi odatda konventsiya sifatida kichik harflar bilan ifodalanadi:
   

Reactda esa camelCase konventsiyasiga amal qiladi:

2. 
   In HTML, you can return false to prevent default behavior:
   

Reactda siz preventDefault() ni aniq chaqirishingiz kerak:

function handleClick(event) {
event.preventDefault()
console.log('The link was clicked.')
}

14. 
    JSXda callbacks method yoki event handlerni qanday ulash mumkin.
    

Ulashning 3 ta usuli bor:

1. 
   Konstruktorda bog’lash:
   

2.