React: The Complete Guide
Full React syllabus — JSX, components, props, forms, Router, hooks, Suspense, and a complete project. Simple English with real-life examples.
Step 3 of 4 · HTML/CSS → JavaScript → React → Tailwind CSS
Curriculum
28 lessons
React Home, Intro, Get Started & First App
Article · 18 min
Render HTML, createRoot & Upgrade Notes
Article · 14 min
ES6 for React — Destructuring, Arrow, Modules, Spread
Article · 16 min
JSX Intro, Expressions, Attributes & If Statements
Article · 18 min
Function Components
Article · 14 min
Class Components (Legacy Awareness)
Article · 12 min
Props, Destructuring & Children
Article · 16 min
Events & Conditionals
Article · 16 min
Lists & Keys
Article · 14 min
Forms — Submit, Textarea, Select, Checkbox & Radio
Article · 20 min
CSS Styling, CSS Modules, CSS-in-JS & Sass
Article · 18 min
React Router — Routes, Link, useNavigate & Params
Article · 18 min
Portals, Suspense, Transitions, Forward Ref & HOC
Article · 20 min
Certificate, Exercises, Quiz & Study Plan
Article · 12 min
What is Hooks?
Article · 14 min
useState Hook
Article · 16 min
useEffect Hook
Article · 18 min
useContext Hook
Article · 16 min
useRef Hook
Article · 14 min
useReducer Hook
Article · 16 min
useCallback Hook
Article · 14 min
useMemo Hook
Article · 14 min
Custom Hooks
Article · 16 min
React Compiler — What It Is & Why
Article · 12 min
React Patterns Review — Lifting State, Composition & Memo
Article · 16 min
React Server Components — Brief Intro
Article · 12 min
React Interview Prep Tips
Article · 14 min
Final Project — Course Progress Tracker
Article · 24 min
Suggested learning path