🔹 Asosiy mavzular:
- React asoslari & JSX
- Komponentlar & Props
- State & Hook'lar (useState, useEffect, useReducer)
- Formalar & Hodisalar
- React Router & Navigatsiya
- Style berish usullari
🔹 Qo'shimcha:
- Vite ⚡
- JSON Server 📡
- Axios & API ulash 🔗
- Amaliy loyihalar 🛠️
01. React Kirish
React - bu interfeyslar yaratish uchun JavaScript kutubxonasi.
02. Kerakli Dasturlar
React dasturlash uchun kerak bo'ladigan asosiy dasturlar: Node.js, code editor, brauzer.
03. React CDN
React-ni CDN orqali loyihaga ulash usuli.
04. React Component
Komponentlar - React ilovalarining asosiy qismlari.
05. JSX & Template
JSX - JavaScript ichida HTML yozish usuli.
06. Variables & Expressions
JSX ichida o'zgaruvchilar va ifodalardan foydalanish.
07. Events
React-da hodisalar bilan ishlash (onClick, onChange kabilar).
08. Create React App
create-react-app yordamida yangi loyiha yaratish.
09. Reactni ishga tushurish, style va images
Loyihani ishga tushirish, stil berish va rasmlar bilan ishlash.
10. State
State - komponentning holatini boshqarish.
11. useState() hook
useState hooki yordamida state boshqarish.
12. Ma'lumotlarni list ko'rinishda chiqarish
Massivlarni ro'yxat ko'rinishida render qilish.
13. Delete items
Ro'yxatdan elementlarni o'chirish.
14. Conditional Template
Shartli render qilish.
15. Mutiple Component
Ko'p komponentlar bilan ishlash.
16. Props
Komponentlarga ma'lumot uzatish.
17. React Fragment
Fragmentlar - DOM-ga qo'shimcha element qo'shmasdan guruhlash.
18. Children Props
Komponent ichidagi kontent bilan ishlash.
19. Function Props
Funksiya sifatida props uzatish.
20. React Portal
DOM daraxtining boshqa joyiga render qilish.
21. EventList Component
Hodisalar ro'yxati komponenti.
22. Global va Component Styles
Global va lokal stillar bilan ishlash.
23. Inline Css
Inline usulida stil berish.
24. Dynamic Inline Css
Dinamik inline stillar.
25. Dynamic Class
Dinamik klasslar bilan ishlash.
26. Module Css
CSS modullari bilan ishlash.
27. Event Form
Hodisa formasi yaratish.
28. OnChange Event
Input maydonlaridagi o'zgarishlarni kuzatish.
29. Reset input
Forma maydonlarini tozalash.
30. onSubmit & uuidv4
Formani yuborish va unikal ID yaratish.
31. Add Event
Yangi hodisa qo'shish.
32. Select & Options
Select elementlari bilan ishlash.
33. useRef Hook
useRef hooki bilan DOM elementlariga murojaat.
34. Vite haqida
Vite - zamonaviy frontend build tool.
35. CUser amaliyot
Amaliy mashqlar: foydalanuvchilar bilan ishlash.
36. JSON Server
JSON Server bilan mock API yaratish.
37. useEffect nega kerak?
useEffect hookining ahamiyati.
38. useEffectdan foydalanish
useEffect bilan ishlash usullari.
39. Dependeny Array
useEffect dependency array ishlatilishi.
40. useCallback hook
useCallback bilan funksiyalarni memoizatsiya qilish.
41. useFetch() Custom Hook
Ma'lumot olish uchun custom hook yaratish.
42. Loader (isPending) qo'shish
Yuklash animatsiyasi qo'shish.
43. Error bilan ishlash
Xatoliklarni boshqarish.
44. React Router DOM Kirish (v6.11)
React Router bilan sahifalararo navigatsiya.
45. Link Va NavLink
Navigatsiya uchun komponentlar.
46. Codlarni Yangi verisayaga almashitirsh
Loyihani yangilash jarayoni.
47. Nested Route
Ichki marshrutlar bilan ishlash.
48. PageNotFound
404 sahifasi yaratish.
49. ArticlesLayout
Maqolalar uchun layout tuzish.
50. Article Detail
Maqola detallari sahifasi.
51. BreadCrumbs
Navigatsiya yo'li (breadcrumbs) yaratish.
52. Routes, Object Version
Marshrutlarni obyekt ko'rinishida yaratish.
53. useRouteError
Marshrut xatolarini boshqarish.
54. React Amaliyot Frontend Quiz App
Test ilovasi yaratish amaliyoti.
55. AXIOS & JSON-API.UZ
Axios va tashqi API bilan ishlash.
56. useReducer() hook
Murakkab state ni useReducer bilan boshqarish.
Muallif Darslar YouTube kanali orqali taqdim etilgan.
Happy Coding! 🚀