StrictMode
StrictMode ning vazifasi nima ?
StrictMode — loyihangizdagi hatoliklarni aniqlashda yordam beradi.
— Impure rendering tufayli xatoliklarni topish uchun component ni qayta render qiladi.
— Component dagi eskirgan API larni ishlashini tekshiriladi.
@abs_reactjs
StrictMode ning vazifasi nima ?
StrictMode — loyihangizdagi hatoliklarni aniqlashda yordam beradi.
— Impure rendering tufayli xatoliklarni topish uchun component ni qayta render qiladi.
— Component dagi eskirgan API larni ishlashini tekshiriladi.
@abs_reactjs
👍5⚡2🔥1
KEY
key nima ?
key ni qachon ishlatish kerak ?
key ni qachon ishlatmaslik kerak ?
key — Array ( to'plam ) elementlarni bir biridan farqlash uchun ishlatiladigan atribut.🧑🎓
key har bir ro'yxat elementiga alohida key ( nom yoki raqam ) beradi. Bu ro'yxatdagi elmentlar o'zgargan , qo'shilgan yoki olib tashlanganligini aniqlashda ishlatiladi. 🔥
map funksiyasi orqali ro’yxat elementlarini yaratyotganda , har bir elementga key berilishi kerak.
Chunki key lar orqali React o’zgarishlarni tezroq aniqlaydi va faqat kerakli qismlarni qayta yaratadi. 🆕
Agar siz ro’yxatni faqat bir marta yaratib, keyin uni o’zgartirmasdan foydalanasiz, unda key larni berish shart emas.📕
Royxat elementlarining key lari turlixil bo'lishligi kerak. Lekin turli royxat lardagi JSX lar uchun bir xil kalitlardan ( key ) foydalanish mumkin . 🔐
Berilgan key lar o'zgarmas bo'lishligi kerak , Component render bo'lganda eski key saqlanishi kerak. Shuni uchun map ning index sidan key sifatida foydalanish mumkin emas.🫠
——————
Bir oilada 2 ta bir xil ism qo'yilmaydi
— Bir Array ( rayxat ) elementlarigaham 2 ta bir xil nom qoya olmaymiz.
Oilada har bir insonning alohida alohida o'rni bo'ladi
— Key orqali har bir Array ( royxat ) elementi bir biridan ajirab turadi.
@abs_reactjs
key nima ?
key ni qachon ishlatish kerak ?
key ni qachon ishlatmaslik kerak ?
key — Array ( to'plam ) elementlarni bir biridan farqlash uchun ishlatiladigan atribut.
key har bir ro'yxat elementiga alohida key ( nom yoki raqam ) beradi. Bu ro'yxatdagi elmentlar o'zgargan , qo'shilgan yoki olib tashlanganligini aniqlashda ishlatiladi. 🔥
map funksiyasi orqali ro’yxat elementlarini yaratyotganda , har bir elementga key berilishi kerak.
Chunki key lar orqali React o’zgarishlarni tezroq aniqlaydi va faqat kerakli qismlarni qayta yaratadi. 🆕
Agar siz ro’yxatni faqat bir marta yaratib, keyin uni o’zgartirmasdan foydalanasiz, unda key larni berish shart emas.
Royxat elementlarining key lari turlixil bo'lishligi kerak. Lekin turli royxat lardagi JSX lar uchun bir xil kalitlardan ( key ) foydalanish mumkin . 🔐
Berilgan key lar o'zgarmas bo'lishligi kerak , Component render bo'lganda eski key saqlanishi kerak. Shuni uchun map ning index sidan key sifatida foydalanish mumkin emas.
——————
Bir oilada 2 ta bir xil ism qo'yilmaydi
— Bir Array ( rayxat ) elementlarigaham 2 ta bir xil nom qoya olmaymiz.
Oilada har bir insonning alohida alohida o'rni bo'ladi
— Key orqali har bir Array ( royxat ) elementi bir biridan ajirab turadi.
@abs_reactjs
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥3⚡1
React js da hech qachon o'zgaruvchini to'g'ridan tog'ri o'zgartirib bo'lmaydi .
#qisqa
@abs_reactjs
Andijon
#qisqa
@abs_reactjs
Andijon
👍15⚡3❤1
React JSda mutable va immutable tushunchalari.
Mutable — ma’lumot turlari yaratilgandan so’ng o’zgartirilishi mumkin bo’lgan obyektlardir.
Immutable — ma’lumot turlari esa yaratilgandan so’ng o’zgartirilmasdan qoladigan obyektlardir.
React JS o'zgaruvchilarni tog'ridan to'g'ri o'zgartirishni iloji yo'qligi uchun React JS ham immutable holda ishlaydi.
Obyect ni qiymatlarini o'zgartirish uchun , o'zgartirilgan yangi object yaratish kerak bo'ladi.
@abs_reactjs
Mutable — ma’lumot turlari yaratilgandan so’ng o’zgartirilishi mumkin bo’lgan obyektlardir.
Immutable — ma’lumot turlari esa yaratilgandan so’ng o’zgartirilmasdan qoladigan obyektlardir.
React JS o'zgaruvchilarni tog'ridan to'g'ri o'zgartirishni iloji yo'qligi uchun React JS ham immutable holda ishlaydi.
Obyect ni qiymatlarini o'zgartirish uchun , o'zgartirilgan yangi object yaratish kerak bo'ladi.
@abs_reactjs
👍7❤🔥2⚡2
React.js nima?
Anonymous Quiz
20%
Server-side rendering framework
79%
JavaScript kutubxonasi
1%
CSS kutubxonasi
1%
Backend framework
🔥4🐳2
React’da komponent nima?
Anonymous Quiz
10%
JavaScript fayli
1%
CSS fayli
67%
UI’ni qayta foydalanish mumkin bo‘lgan qismlari
21%
Barcha fayllarni o‘z ichiga olgan fayl
🐳3🔥2⚡1
state nimani anglatadi?
Anonymous Quiz
6%
Faylni qayta yuklash funksiyasi
9%
Brauzer sahifalarini ko‘rsatish uchun
75%
Komponentning dinamik ma’lumotlari
9%
Faqatgina sinf komponentlari uchun ishlatiladi
🔥5🐳1
props funksiyasi nima uchun ishlatiladi?
Anonymous Quiz
18%
Komponent ichida mahalliy o‘zgaruvchilarni o‘rnatish uchun
73%
Boshqa komponentga ma'lumot uzatish uchun
3%
Ma'lumotlarni o‘qishdan saqlash uchun
7%
Faqatgina class komponentlar uchun ishlatiladi
🔥5🐳3👍2
Forwarded from Webiston
Assalomu alaykum. "Fluent React" kitobining o'zbek tilidagi tarjimasini taqdim etmoqdamiz! Bu qo'llanma ko'proq React kutubxonasini qanday ishlatishni o'rniga, uning ichki mexanizmlarini chuqurroq o'rganishni istagan mutaxassislar uchun ajoyib imkoniyatdir.
Kitobdagi asosiy mavzular:
✨ JSX va Virtual DOM arxitekturasi
✨ Reconciliation jarayoni: React qanday qilib optimal ishlashni ta'minlaydi?
✨ Optimizatsiya texnikalari: React.iss.onemo, useMemo, useCallback va boshqalar.
✨ Zamonaviy pattern'lar va Concurrent Mode texnologiyalari
✨ React Server Components va React asosidagi freymvorklar (Next.js, Remix)
✨ Muqobil freymvorklar: Vue.js, Angular, Svelte va hokazo
💡 Bog'lanish va hamkorlik:
• 🌐 Platforma: webiston.uz
• 📧 Email: [email protected]
• 📱 Telegram: @webiston_uz
• 🔗 LinkedIn: @webiston
• 💻 GitHub: webiston
🤝 Hamjamiyatga hissa qo'shish:
• Xato va kamchiliklar topilsa, GitHub'da Pull Request ochishingiz mumkin
• Taklif va mulohazalaringizni email orqali yuborishingiz mumkin
• Telegram guruhimizda muhokamalar olib borishingiz mumkin
#webiston #FluentReact #frontend #React #uzbekistan #programming #education #development
Kitobdagi asosiy mavzular:
✨ JSX va Virtual DOM arxitekturasi
✨ Reconciliation jarayoni: React qanday qilib optimal ishlashni ta'minlaydi?
✨ Optimizatsiya texnikalari: React.iss.onemo, useMemo, useCallback va boshqalar.
✨ Zamonaviy pattern'lar va Concurrent Mode texnologiyalari
✨ React Server Components va React asosidagi freymvorklar (Next.js, Remix)
✨ Muqobil freymvorklar: Vue.js, Angular, Svelte va hokazo
💡 Bog'lanish va hamkorlik:
• 🌐 Platforma: webiston.uz
• 📧 Email: [email protected]
• 📱 Telegram: @webiston_uz
• 🔗 LinkedIn: @webiston
• 💻 GitHub: webiston
🤝 Hamjamiyatga hissa qo'shish:
• Xato va kamchiliklar topilsa, GitHub'da Pull Request ochishingiz mumkin
• Taklif va mulohazalaringizni email orqali yuborishingiz mumkin
• Telegram guruhimizda muhokamalar olib borishingiz mumkin
#webiston #FluentReact #frontend #React #uzbekistan #programming #education #development
Webiston
Webiston | Dasturchilar uchun bepul kurslar va vositalar
Dasturlashni o'rganish uchun zamonaviy platforma. O'zbek va ingliz tillarida React bo'yicha yuqori sifatli, bepul kurslar va dasturchilar uchun foydali vositalar.
👍5
Forwarded from Teacher | Abdulvahob
So'nggi 10 kunda amalga oshirilgan ishlarim:
1. SMS tizimi – Oldin SMS tizimlari bilan ishlamagan bo'lsak ham, buni muvaffaqiyatli amalga oshirdik.
2. @oqidi_bot – Ushbu bot orqali reklama qabul qilishni boshladik.
3. @abs_javascript – Kanalimda obunachilar soni 2000 dan oshdi.
4. Dodo Kids — loyihasi uchun hisobot tizimini ishlab chiqdik.
5. Website — Songi qilgan 2 ta saytimiz 60 000 ortiq odam kirgan.
Natijalar odamni yanada ko'proq harakat qilishga undaydi 😃
Siz nimalar qildiz❓
@abdulvahob_blog
1. SMS tizimi – Oldin SMS tizimlari bilan ishlamagan bo'lsak ham, buni muvaffaqiyatli amalga oshirdik.
2. @oqidi_bot – Ushbu bot orqali reklama qabul qilishni boshladik.
3. @abs_javascript – Kanalimda obunachilar soni 2000 dan oshdi.
4. Dodo Kids — loyihasi uchun hisobot tizimini ishlab chiqdik.
5. Website — Songi qilgan 2 ta saytimiz 60 000 ortiq odam kirgan.
Natijalar odamni yanada ko'proq harakat qilishga undaydi 😃
Siz nimalar qildiz
@abdulvahob_blog
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🏆2🔥1
Forwarded from Bexruz Xasanboyev
Frontend dasturchilar qiladigan eng katta xato va uning yechimi! ❌✅
Ushbu darsda sen:
✅ Samarali kod yozishni
✅ Qisqa va tushunarli kod yozishni o‘rganasan.
Agar sening koding chalkash, uzun va tushunarsiz bo‘lsa — bu dars aynan senga! 🔥
🎥 Darsni shu yerda ko‘r:
🔗 https://youtu.be/Z3SbSD1vM-o?si=GM9Xl0kVm_a6kkvu
Ushbu darsda sen:
✅ Samarali kod yozishni
✅ Qisqa va tushunarli kod yozishni o‘rganasan.
Agar sening koding chalkash, uzun va tushunarsiz bo‘lsa — bu dars aynan senga! 🔥
🎥 Darsni shu yerda ko‘r:
🔗 https://youtu.be/Z3SbSD1vM-o?si=GM9Xl0kVm_a6kkvu
YouTube
Xatolik-1 | Yechim-1
Frontend dasturchi yo'l qo'yishi mumkin bo'lgan hatoliklar.
Va ularni yechimlari
Va ularni yechimlari
👍6❤1❤🔥1
Forwarded from Bexruz Xasanboyev
💡 Hayotingda o‘zgarish qilishni xohlaysanmi?
Yangi do‘stlar orttirish, professional muhitda o‘sish va ilhomlantiruvchi suhbatlar istaysizmi?
Unda Dasturchilar Club’ning navbatdagi uchrashuvini o‘tkazib yuborma!
Bu safar biz bilan:
🎤 Spiker: Abdulvahob Abdullayev – 100+ muvaffaqiyatli loyiha ortida turgan, O‘zbekiston, Rossiya va Yevropa bozorida faoliyat yuritayotgan Front-end developer va IT tadbirkor.
🔎 Mavzu:
🚀 “1 haftada dasturchi sifatida birinchi buyurtmangizni olish”
📌 Real tajribalar asosida freelancing, networking va mijozlar bilan ishlash bo‘yicha amaliy maslahatlar.
📌 Shuningdek, veb-saytlar, Telegram botlar va CRM integratsiyalarni mijozlarga qanday sotish mumkinligi haqida foydali tavsiyalar.
🗓 Sana: 10- Sentiyabr (Chorshanba)
⏳ Soat: 18:00
📍 Manzil: Moida Kafesi
👉 https://yandex.uz/maps/-/CHX940-3
🎟 Ishtirok BEPUL
Faqatgina quyidagi formani to‘ldirishingiz kifoya:
👉 Ro'yhatdan o'tish: https://forms.gle/sji6QK2DuQZH5cDi7
Dasturchilar Club rasmiy guruxi:
👥 https://t.iss.one/dasturchilarClub
📎 Spiker haqida:
🌐 GitHub: https://github.com/Abdulvahobjon
📱 Telegram: https://t.iss.one/a_abdulvahob
Yangi do‘stlar orttirish, professional muhitda o‘sish va ilhomlantiruvchi suhbatlar istaysizmi?
Unda Dasturchilar Club’ning navbatdagi uchrashuvini o‘tkazib yuborma!
Bu safar biz bilan:
🎤 Spiker: Abdulvahob Abdullayev – 100+ muvaffaqiyatli loyiha ortida turgan, O‘zbekiston, Rossiya va Yevropa bozorida faoliyat yuritayotgan Front-end developer va IT tadbirkor.
🔎 Mavzu:
🗓 Sana: 10- Sentiyabr (Chorshanba)
⏳ Soat: 18:00
📍 Manzil: Moida Kafesi
👉 https://yandex.uz/maps/-/CHX940-3
🎟 Ishtirok BEPUL
Faqatgina quyidagi formani to‘ldirishingiz kifoya:
👉 Ro'yhatdan o'tish: https://forms.gle/sji6QK2DuQZH5cDi7
Dasturchilar Club rasmiy guruxi:
👥 https://t.iss.one/dasturchilarClub
📎 Spiker haqida:
🌐 GitHub: https://github.com/Abdulvahobjon
📱 Telegram: https://t.iss.one/a_abdulvahob
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🤔1
Forwarded from Bexruz Xasanboyev
Salom hamkasb.
Bugun 18:00 da Dasturchilar CLub uchrqashuvi esingdami?
Agar hali ham ro'yhatdan o'tmagan bo'lsang. Linkga bosib ro'yhatdan otishga ulgurib qol.
Clubga azo bolsang:
1-Katta Networking. (Eng kuchli dasturchilar bilan tanishib ular bilan contact qilasan)
2-Daromadga chiqish uchun Speakerlarimizdan yahshi maslahatlarni olasan
3-Ko'plab muommolarga va savollarga yechim olish imkoni.
Club haqida:
—Club uchrashuvi oflayn andijonda bo'lib o'tadi.
—Manzil Andijon Moida kafesi.
Ro'yhatdan otish uchun link: https://forms.gle/sji6QK2DuQZH5cDi7
Do'stlaringizga ulashing va Kanallaringizda repost qilsangiz judayam hursand bo'lamiz.
Bugun 18:00 da Dasturchilar CLub uchrqashuvi esingdami?
Agar hali ham ro'yhatdan o'tmagan bo'lsang. Linkga bosib ro'yhatdan otishga ulgurib qol.
Clubga azo bolsang:
1-Katta Networking. (Eng kuchli dasturchilar bilan tanishib ular bilan contact qilasan)
2-Daromadga chiqish uchun Speakerlarimizdan yahshi maslahatlarni olasan
3-Ko'plab muommolarga va savollarga yechim olish imkoni.
Club haqida:
—Club uchrashuvi oflayn andijonda bo'lib o'tadi.
—Manzil Andijon Moida kafesi.
Ro'yhatdan otish uchun link: https://forms.gle/sji6QK2DuQZH5cDi7
Do'stlaringizga ulashing va Kanallaringizda repost qilsangiz judayam hursand bo'lamiz.
🤝3👍2👎1
Forwarded from Bexruz Xasanboyev
Media is too big
VIEW IN TELEGRAM
Ro'yhatdan o'tish uchun link:
https://forms.gle/TDqmAS8LUmz3BWj77
https://forms.gle/TDqmAS8LUmz3BWj77