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 bir 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

Oldin bu kabi narsaga duch kelmagan edim, hozircha yechim sifatida https://split.js.org/ saytini koryabman , lekin bazi kamchiliklari bor ekan , agar kimdadur yaxshiroq yechim bolsa kommentda yozinglar 💬

Qayta tushuntirishdan erinmayman-u, soch nimagadir oqaryapdi

Aka ajoyib insonda 😂

Bitta JS fileni 2 marotaba chaqirib qoymang , aks holatda , bir xil o'zgaruvchilar bor deb SyntaxError beradi.

@abs_javascript

Typeof
Manba

@abs_javascript

Hozir 2 loyihani bir vaqtni o'zida qilib ketyabman, shu sababli post qoygani vaqtim bo'lmayabdi.

Shu ikki loyiha tugaguncha , loyihalarda ko'zimga g'alati ko'ringan joylarini post qilib boraman.

@abs_javascript

Bir vaqtni o'zida 2 ta loyihada ishlash , mayda kamchiliklar qilishimga sabab bolyabdi, ozgina moslashish qiyin bolyabdi.

1 ta loyiha bolsa , butun etibor osha loyihada boladi va xatolar kamayadi.

Moslashib ketaman degan umitdaman 🙂

Retina ekran

Video ni animation qilib ishlatgan edim , card rangi va video nikini bir xil qilib qoydim.

Lekin baribir retrina ekranlar da ikki xil bo'lib qolyabdi ekan. Bu muammoni to'g'rilash uchun , videoni retrina ekrandagi rangini topib , Retrina ekranlar uchun alohida media yozdim.

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina... */
}

@abs_javascript

PDF

PDF dagi hujjatni website da ko'rsatish uchun nima qilish kerak ❓

iframe yoki object tegidan foydalanishingiz mumkin lekin bu teglardan foydalanganizda bazi telefonlarda pdf malumot korinmaydi ( ilovaga yonaltirish chiqib qoladi). 💬

Har ikki holatda PDF malumotlariz tog'ri ishlashi uchun PDF.JS kutubxonasidan foydalanish mumkin. ✅

Men yaqinda foydalangan yana bir usul bor lekin u usulni sizlarga yozib tushuntira oladigan darajada emasman 😁

@abs_javascript