Abduvohid Academy
Home/Frontend
Stage 7

React

21 lessons · 7 modules
Start →
0/21 (0%)

4.1 — React fundamentals

🔒What React is and why⏱ ~20 minutes🔒Project setup (Vite + TypeScript)⏱ ~25 minutes🔒JSX and components⏱ ~30 minutes🔒Props and typing with TypeScript⏱ ~30 minutes

4.2 — State and hooks

🔒useState (state)⏱ ~30 minutes🔒Events and forms (in React)⏱ ~30 minutes🔒Lists and .map() (UI from an array)⏱ ~30 minutes🔒useEffect (side effects and the outside world)⏱ ~35 minutes

4.3 — Thinking in components

🔒Composition and splitting into components⏱ ~30 daqiqa🔒Lifting state up⏱ ~30 daqiqa🔒Custom hooks (reusing logic)⏱ ~30 minutes

4.4 — Router and API

🔒React Router (multi-page app)⏱ ~30 daqiqa🔒Dynamic routes and parameters⏱ ~25 daqiqa🔒API integration (axios, React Query)⏱ ~35 minutes

4.5 — Global state management

🔒Context API (the prop drilling solution)⏱ ~30 daqiqa🔒Zustand (modern, simple global state)⏱ ~30 daqiqa

4.6 — Professional forms

🔒React Hook Form⏱ ~30 daqiqa🔒Type-safe validation with Zod⏱ ~30 daqiqa

4.7 — Professional React

🔒Performance and optimization⏱ ~30 daqiqa🔒Error boundaries and testing⏱ ~35 daqiqa🔒Level 4 Capstone: full e-commerce app + deploy⏱ ~1 week (project)