#react_1dars

👋 Barchaga Assalomu Alaykum. React darslarimizga xush kelibsiz. Ushbu darslar boshlang'ich o'rganuvchilar uchun bo'ladi va birinchi qisim. InshaAlloh yana darslarimiz davom etadi. https://www.youtube.com/@akhrorweb kanalidagi barcha darslarni boshqa tarmoqlarda ishlatishiz mumkin va albatta manbani yozib qolidirishni unutmang. Qo'llab quvvatlagan barchaga Rahmat.

01. React Kirish

YouTube | Instagram | Telegram | Donate

#react_2dars

Bizga nima kerak bo'lishi haqida gaplashamiz. 🎮

2. Kerakli dasturlarni o'rnatish

YouTube | Instagram | Telegram | Donate

#react_3dars

Reactni oddiy usulda loyihaga qo'shish usulini ko'rib o'tamiz. ➕

3. React CDN

YouTube | Instagram | Telegram | Donate

#react_4dars

Reactda o'zimizning birinchi Componentimizni yasaymiz. 🧩

04. React Component

YouTube | Instagram | Telegram | Donate

#react_5dars

JSX va Template haqida ko'proq bilib olamiz. 📝

05. JSX & Template

YouTube | Instagram | Telegram | Donate

Youtubedagi bollar ishlayapti 😅

Yangi imkoniyat qo'shilibdi, endi faqat kanal a'zolarigina ko'roladigan videolar qo'shsa bo'ladi. Ajoyib.

YouTube | Instagram | Telegram | Donate

#react_6dars

Componentlar ichida o'zgaruvchilar va expressionlarni qanday ishlaishini ko'rib o'tamiz;

06. Variables & Expressions

YouTube | Instagram | Telegram | Donate

#react_7dars

JavaScriptda bizga tanish bo'lgan eventlarni Reactda qanday qo'llanilishini ko'rib o'tamiz.

07. Events

YouTube | Instagram | Telegram | Donate

#react_8dars

CDN link orqali Reactni ishlatishdan endi NPM usuliga o'tamiz.

08. create-react-app

YouTube | Instagram | Telegram | Donate

Parazit.

Har gal ChatGPT haqida yozganimda "Nega ChatGPT bizda ishlamaydi?" deb soʻrashadi.

Menda esa sizga qarshi savol bor, "Qachon oxirgi marta internetda biror xizmat uchun pul toʻladingiz?"

Bizdagi aksar odamlar internet va undagi xizmatlarni tabiiy va bepul deb qabul qilib oʻrganib qolgan. Internet rivojiga hissa qoʻshish uyoqda tursin, boshqalar qilgan ishini ham qadrlamaymiz.

Internetga qoʻyildimi, bepul boʻlishi kerak deb oʻylaymiz. Pullik dasturlarni suv tekin boʻlsa ham buzamiz. Pullik xizmatlarni koʻrsak jahlimiz chiqadi. Kino va seriallarni faqat torrentdan olamiz (qanaqa netflix?). Bu xizmatlarni yaratish, ularni doimiy ishlatib turish uchun pul va resurs talab qilinishini hayolimizga ham keltirmaymiz.

Kamiga, hukumatimiz ham absurd talablar qoʻyishdan charchamaydi. Masalan, Youtube (aniqrogʻi Google) Oʻzbekistonga xizmat koʻrsatmaydi. Monetizasiya yoqmaydi, reklama qabul qilmaydi. Sababi bizning hukumatimiz Googledan serverlarini Oʻzbekistonga koʻchirishni talab qilgan, tabiiyki Google oson yoʻldan yurgan va Oʻzbekistonni kartasidan oʻchirib qoʻygan. Buning orqasidan esa davlat va bloglerlar millionlab zarar koʻrishi esa hayolimizga ham kelmaydi.

Xullas, internet uchun biz gʻirt parazitmiz: bepul resurslardan foydalanamiz, pulligini koʻrsak burnimizni jiyiramiz. Onlayn qimorda $1000 yutqazsak-yutqazamiz, lekin Microsoft Officedan foydalanish uchun 10$ toʻlashga kelganda ziqnaligimiz tutadi. Malikadan 1000$ ga kompyuter olamiz, Windows esa oʻgʻrilangan boʻladi.

Yana uyalmasdan, "Nega ChatGPT Oʻzbekistonda yoʻq?" deymiz. San ziqnada Youtube ishlab turganiga rahmat degin.

Yangi video chiqqandi 😅.
Zerikkanda ko'rib turorilar.

09. Reactni ishga tushirish, style va images.

https://youtu.be/zuDl6hpg8ag

Again😅

Davom etamiz...🎮

Bugun 20:00 da ko'rishamiz Youtubeda🔥

YouTube | Instagram | Telegram | Donate

#react_10dars

Componentlarda ma'lumotlarni o'zgaruvchilarda saqlash bizga biroz noqulaylik tug'diradi va shuning uchun bizga state kerak bo'ladi. Bu darsda state nima uchun kerakligini ko'rib o'tamiz.

010. State

YouTube | Instagram | Telegram | Donate

#react_11dars

State'ni yaratish uchun Reactning hooklar olamiga kiramiz va bizning birinchi mehmonimiz bu useState() hooki bo'ladi.

011. useState()

YouTube | Instagram | Telegram | Donate

#react_12dars

Ma'lumotlarni map() orqali ko'rsatamiz.

012. Ma'lumotlarni list ko'rinishda chiqarish

YouTube | Instagram | Telegram | Donate

#react_13dars

Ma'lumotlarni o'chiramiz. Delete

013. Delete items

YouTube | Instagram | Telegram | Donate