React JS


Kanal geosi va tili: ko‘rsatilmagan, ko‘rsatilmagan
Toifa: ko‘rsatilmagan


About React JS

Связанные каналы

Kanal geosi va tili
ko‘rsatilmagan, ko‘rsatilmagan
Toifa
ko‘rsatilmagan
Statistika
Postlar filtri


Buttoni bosdik va state orqali 1 sonini 2 ga o'zgartirdik. — React js da shu payt nimalar sodir bo'ladi.

1. State Update ( State yangilanadi ): setState() method i yordamida state yangilanadi.

2. State yoki props o'zgarganda — component qayta render qilinadi. Bu componentning render() method i yana bir marta chaqirilishini anglatadi.

3. Reconciliation: State yangilanganda, React reconciliation jarayonini boshlaydi. Bu jarayon yangi va oldingi virtual DOM versiyalarini solishtiradi.

4. Diffing algaritimi — yangi va oldingi virtual DOM versiyasini solishtiradi va ular orasidagi farqlarni aniqlaydi.

5. DOM Update ( DOM yangilanishi ) — Farqlar anqlangandan so'ng , o'zgarishlarni haqiqiy DOM ga qo'llaydi. Bu jarayon orqali faqat kerak bo'lgan o'zgarishlar amalga oshiriladi.

// Atamalar

Virtual DOM — Virtual DOM web applicationlarni ishlashi va samaradorligini oshiruvchi vositadur. Bu xotiradagi asl DOMning “yengil” varianti. Real DOM va Virtual DOM ning asosiy farqi updatingdagi protsesdadur. Real DOM updatelari sekin va samarasiz, ayniqsa katta ilovalar yoki tez-tez o’zgarishlar bilan ishlash bilan bo’lgan holatlarda katta muammolar olib keladi.

—————- - ————

Bu jarayon insonni 1 marotaba nafas olishiga o'xshab ketadi.

Agar 1 marotaba nafas oladigan bo'lsak nimalar bo'ladi ?

1. Burun va burun teshigi — Nafas oldishda havo avvalo burun orqali kiradi va havoni tozalaydi.

2. Sinuslar — Sinuslar havoning haroratini va namligini nazorat qiladi.

3. Pharynx — havoni tracheaga yo’naltiradi.

4. Larynx — havoni o’g’izdan tracheaga yo’naltiradi.

5. Trachea (windpipe) — havoni o’g’izdan o’pka va bronxial tubelarga yo’naltiradi.

6. Diafragma — nafas oldish va chiqarish jarayonlarini boshqaradi.

7. O’pka (lungs): — havoni alveol larga yo’naltiradi.

8. Bronxial tubelar/bronxi — Bronxial tubelar havoni alveollarga yo’naltiradi.

9. Alveoli — havodan kislorodni qon tomirlariga o’tkazadi va qon tomirlaridan karbondioksidi oladi.

10. Qon tomirlari (capillaries): Qon tomirlari kislorodni alveol lardan qon tomirlariga o’tkazadi va karbondioksidi qon tomirlaridan alveol larga o’tkazadi.

Agar post yoqgan bo'lsa: 🔥

@abs_reactjs


Class Componentlar

Class Componentlar — React ning 16.8 versiyasiga qadar state va lifecycle ni kuzatush uchun yagona usul bo'lgan.

state — componentning malumotini saqlash uchun ishlatiladigan object.

lifecycle — componentlarni ishlash jarayoni. Har bir component da 3 ta asosiy narsa bor. Mounting , Updating , va Unmounting.

Mounting — componentlarni yaratish va DOM ga joylashtirish jarayoni.
DOM — document object modle

Updating — bu state yoki props ni o'zgarganidan sodir bo'ladi. state va props o'zgardan component qayta yasaladi.

Unmounting — componentni DOM dan olib tashlash jarayoni.

@abs_reactjs


Postlarga reaksiya qoldirib ketsalaring , men uchun ozgina mativation bo'lar edi 😉


1. class lar har dim className sifatida berish kerak

2. Elementlar orasida " { } " orasida ifodalar yozish mumkin.

3. onclick bermoqchi bo'lsak onClick yoki onClickCapture holatida berishimiz kerak

4. for atributi htmlFor shaklida yoziladi.

@abs_reactjs


Boolean property lar

Boolean property — berganimizda Gulli qavslar orsida berishimiz mumkin yoki umuman qiymat bermasak true qiymat qaytaradi.

Boolean — true , false qiylatlar degani
property — "props" deb ataladi. Komponentlardan malumot o'tqazish uchun ishlatiladi.

@abs_reactjs


Teglar

Toq teglarni har doim "yopib" yurishimiz kerak.

@abs_reactjs


Element bilan Tag bir hil narsa emasligi esdan chiqmasin 💬

@abs_reactjs


Elementlar kichik harifda bo'lishligi kerak.

Component lar katta harf bilan boshlanishi kerak.

@abs_reactjs


Agar ota elementga o'ramasangiz , shunday bo'ladi 🤓


1. HTML kodi 1 ta eng yuqori darajali elementga o'rash kerak.

Agar 2 ta h2 joylashtirmoqchi bo'lsangiz , ularni ota elementga o'rashingiz kerak bo'ladi. Misol uchun div ga.

@abs_reactjs


Bugun ham JSX haqida gaplashsak , keyin boshqa mavzularga o'tamiz 🙂


Brauzerga nima chiqadi ?
So‘rovnoma
  •   true
  •   typeof true
  •   Boolean
  •   boolean
77 ta ovoz




Brauzerga nima chiqadi ?
So‘rovnoma
  •   true
  •   error
  •   undefined
  •   Hech narsa chiqmaydi
74 ta ovoz




Component nomlari ___ harfi bilan boshlanishi kerak.
So‘rovnoma
  •   Kichik harf
  •   Katta harf
81 ta ovoz


AS

as — import qilinayotgan malumotni nomini o'zgartirish uchun ishlatiladi yoki komponentni boshqa nom bilan eksport qilishimiz mumkin.

@abs_reactjs


React componenti ___ deb nomlangan parametrni oladi?
So‘rovnoma
  •   Attributes
  •   Events
  •   Children
  •   Props
85 ta ovoz


Necha xil component bor ?
So‘rovnoma
  •   1
  •   2
  •   3
  •   4
85 ta ovoz


React bilan ishlab chiqilgan foydalanuvchi interfeysi ___ deb nomlangan kichik va ajratilgan kod qismlaridan iborat.
So‘rovnoma
  •   Hook
  •   Component
  •   Function
  •   Snippet
85 ta ovoz

20 ta oxirgi post ko‘rsatilgan.

129

obunachilar
Kanal statistikasi