Akhror Web
1.82K subscribers
376 photos
92 videos
27 files
502 links
- Front-End

- Youtube : https://www.youtube.com/@akhrorweb
Loyihalar: json-api.uz

Creator: Ahror Soliyev

Muhokama uchun guruh: @akhror_community
Download Telegram
#react

Ma'lumot serverdan kelguncha biroz kutish holati yuzaga keladi va aynan shuni biz foydalanuvchiga aytib o'tishimiz kerak. Va bu darsda biz o'zimiz yaratgan hookga Loader qo'shamiz. 🔄

042. Loader (isPending) qo'shish

YouTube | Instagram | Telegram | Donate
#react

O'zimiz yasayotgan useFetch() hook bizga data (ma'lumot), error (xatolik) beryotgan edi. Va ana endi so'rov jo'natishda turli xil xatoliklar yuzaga kelsa o'sha xatoliklarni beirsh uchun error ni ham qo'shamiz.⛔️

043. Error Handling (xatoliklar)

YouTube | Instagram | Telegram | Donate
Siz qaysi bosqichdasiz ?
Anonymous Poll
18%
HTML & CSS
38%
JavaScript
43%
React
Ish haqida ko'p so'rashadi mandan bundan oldin eng birinchi shu kanalga bir qarab qo'ying. 👌

@frontEndJobo

Ertaga yangi videolar bo'ladi🔥
React Router DOMning nechanchi versiyasini ishlatasiz ?
Anonymous Poll
11%
v5
25%
v6
34%
v6.4
30%
Hali undanay narsa ishlatib ko'rmaganman
#react

Reactda yagona html bo'ladi va boshqa html ochmaymiz. Ko'pchilikni ko'p sahifali saytlarni qanday qilish o'ylantirgan bo'lishi mumkin va aynan shu darslar orqali buni o'rganishini boshlaymiz. Buning uchun bizga React Router freamwork'i kerak bo'ladi. Qolganini videoni ko'rib o'ziz tushunib olasiz.🛣

044. React Router DOM (v6.11)

YouTube | Instagram | Telegram | Donate
#react

Oldingi darsdagi yangilanish muammosini Link bilan hal qilamiz. Va NavLinkning active class qo'shib berish imkoniyatini ham ko'rib o'tamiz. 🔗🖇

045. Link va NavLink

YouTube | Instagram | Telegram | Donate
#react

So'nggi darsimizda yozgan codlarimiz, React Router DOM'ning v6'da edi va endi eng so'ngi v6.11 ga almashtiramiz. 🔄

046. Codlarni almashtirish

YouTube | Instagram | Telegram | Donate
Reactda Nested Route qilib ko'rganmsiz ?

47 dars aynan shu haqida bo'ladi.
Anonymous Poll
27%
Ha ko'p bajarib ko'rganman, No problem 😊
22%
Yo'q, shu narsani uncha tushunmaynan 😐
51%
Nima o'zi u ? 🤔
#react

Bir sahifa ichida boshqa sahifalar bo'lishi uchun React Router DOM'ning Nested Route imkoniyatlaridan foydalanamiz. 📨

047. Nested Route

YouTube | Instagram | Telegram | Donate
#react

Mavjud bo'lmagan sahifaga borish uchun alohida 404 sahifa yaratamiz va foydalanuvchi mavjud bo'lmagan sahifani bizdan so'rasa 404 sahifamiz unga ko'rinadi. (bu juda oson)🧠

048. 404 Page Not Found

YouTube | Instagram | Telegram | Donate
#react

Darslarimiz boshida db.json fayli bor edi va undan hali foydalanmagan edik. json-server orqali uni —watch qilamiz va useFetch bilan unga so'rov jo'natamiz. Shuningadek ArticlesLayout va Aritcles nomli yangi fayllar bilan ishlaymiz. Bu darsni tushunish uchun oldingi darslarni ko'rib chiqishiz kerak. 🏃

049. Articles Layout

YouTube | Instagram | Telegram | Donate
#react

Oldingi darsda Articlellarni chiqargan edik. Va ularda Read More bor edi. Bu darsda aynan o'sha link bosilganda kerakli article to'g'risida to'liq ma'lumot olishni ko'rib o'tamiz. 🆔

050. Articles Detail

YouTube | Instagram | Telegram | Donate
#react

Ko'pinch saytlarda BreadCrupms ni uchratganmiz lekin uni qanday qilib yasash bo'yicha o'ylab ko'rmagan bo'lsangiz kerak. Bu darsda aynan shu narsani yasaymiz. Agar BreadCrumps nimaligini bilmasangiz unda videoni ko'ringl, o'rganib olasiz. 💡

051. Breadcrupms yasaymiz

YouTube | Instagram | Telegram | Donate
#qiziq

https://www.instagram.com/reel/CtJ7DR8OS_B/?igshid=MmJiY2I4NDBkZg==

Instagramga ham bir qarab qo'ying😅

❤️/💬 kutaman.
Community! 👥

Endi siz bizni moliyaviy tomonlama qo’llab-quvvatlashingiz mumkin. Yopiq kanalimizga a’zo bo’ling va ijodimizning kichik investoriga aylaning. 😎

Bu narsa o’zi nima uchun kerak.🤔

1. Moliyaviy mustaqillik.💵
Bilasiz, YouTube kanalimizda harajatlar o'ziga yarasha mavjud, umuman reklama va pullik content mavjud emas.

2. Exclusive content. ▶️
U yerda biz hech qayerda yo’q videolar bilan bo'lishaman. YouTube ga chiqishi kerak bo’lgan darslar, lavhalar. Undan tashqari o’z tajribam bilan bo’lishib boraman. Sizga qiziq bo’lsa albatta😉.

3. Suhbat. 🗣
Hayotda kamgap inson bo’lganim sabab hamma kuzatuvchilarimning savollariga javob bera olmayman. Bu uchun vaqt ham ko’p emas. Yopiq kanalda esa suhbatlar o’tkazib, sizni qiziqtirgan mavzudagi savollarni muhokama qila olamiz.

4. Maslahat. 🤝🏻
U yerda nafaqat suhbatlar, balki jiddiy muhokamalar ham bo’ladi. Ya’ni, qisqa qilib aytganda — siz kelajakdagi rejalarimzdan bohabar bo’lib, ularning rivojiga ta’sir ko’rsatishingiz mumkin. Yuqorida “kichik investor” deb bekorga aytmadim.

5. Syurpriz.🎁
Guruhda asosan Youtubedagi contentlarga asoslangan amliyot darslari bo'ladi va bu sizga o'sishingiz uchun juda katta foyda olib keladi. Ayniqsa endi boshlaganlar uchun juda ham foydali bo'lishi aniq.

Oylik to’lov esa hozircha 33 000 so’m - 77 000 so'm orasida bo'lishi mumkin . Bu juda unaqa qimmat emas deb o’ylaymiz. O’zbekiston sharoitidagi o’rtacha yaxshi tushlik uchun sarflanadigan pul. (Telegram Premium uchun ham shuncha to’laysizku baribir🌝)

Firklaringizni albatta kutib qolaman. Agar qiziq bo'lsa qolgan tavfsilotlari bilan keyin yana gaplashamiz.
This media is not supported in your browser
VIEW IN TELEGRAM
***

Dasturlashni o'rganyotgan paytlarimda...❤️‍🩹

YouTube  | Instagram | Telegram | Donate
***

Endi FrontEnd muhim emas deyishganda, Biz:🤣.

YouTube  | Instagram | Telegram | Donate