▶
📚 What you'll learn
✓React fundamentals and JSX
✓useState and useEffect
✓useContext global state
✓useReducer complex state
✓React Router v6
✓Custom hooks
✓React Query for server state
✓Performance with memo & useMemo
✓Deploy to production
Course Curriculum
01React Foundations & JSX
▾
🎬
What is React and Why Use It?Video · 15:00
FREE
🎬
Vite Setup & Project StructureVideo · 18:00
FREE
🎬
JSX — JavaScript + HTML RulesVideo · 20:00
FREE
🎬
Components & PropsVideo · 22:00
📝
React Foundations QuizQuiz · 10:00
02State & Hooks — Core Patterns
▾
🎬
useState — State ManagementVideo · 25:00
🎬
useEffect — Side Effects & LifecycleVideo · 28:00
🎬
useContext — Global StateVideo · 25:00
🎬
useReducer — Complex StateVideo · 22:00
🎬
Custom Hooks — Build Your OwnVideo · 25:00
🛠️
Project 1 — Course Platform with HooksProject · 90:00
03React Router & Navigation
▾
🎬
React Router v6 — Setup & RoutesVideo · 22:00
🎬
Nested Routes & LayoutsVideo · 20:00
04Performance & Optimisation
▾
🎬
React.memo, useMemo & useCallbackVideo · 25:00
🎬
Code Splitting & Lazy LoadingVideo · 18:00
🛠️
Project 2 — Optimised DashboardProject · 60:00
05Real-World Projects & Deployment
▾
🎬
React Query — Server StateVideo · 28:00
🛠️
Final Project — Full React App + DeployProject · 120:00