React · build user interfaces from components
Learn React properly,
from your first component to Server Components.
Start from what React is and why it exists: you need only a little HTML, CSS and JavaScript, and every word is explained in plain English. You will learn JSX, components and props, state and events, lists and keys, forms, effects (and why StrictMode runs them twice), refs, context and reducers, custom hooks, styling, TypeScript, routing, data fetching with Suspense and use(), state libraries, performance and the React Compiler, testing, accessibility, React 19 Actions, Server Components and Next.js, security, architecture, deployment and the internals interviews ask about. Every example is real React 19 running live on the page, new features are tagged with the React version that added them, and every phase ends with exercises your browser checks automatically, up to a complete capstone app.
- Phases
- 28
- Topics
- 187
- Hours
- 83
- Diagrams
- 300
- Exercises
- 1177
By the end you can
What this course makes you able to do
- Build interfaces from components with JSX, props, state, events, lists and forms
- Use effects, refs, context, reducers and custom hooks correctly, and know when not to
- Fetch data with Suspense, use(), error boundaries and TanStack Query, and route with React Router
- Make apps fast: measure with the Profiler, memoise where it matters, use transitions and the React Compiler
- Write React 19 forms with Actions, and explain Server Components, Server Actions and hydration
- Build everyday product features (virtual lists, infinite scroll, real-time), design frontends in system design interviews, and test and ship React apps
Beginner → Advanced
The curriculum, by level
- 5Forms and User Input7 topics · ~3 h
- 6Managing State6 topics · ~2 h
- 7Effects9 topics · ~3 h
- 8Refs and the DOM6 topics · ~2 h
- 9Context and Reducers6 topics · ~3 h
- 10Custom Hooks and Reusable Logic6 topics · ~3 h
- 11Styling React Apps6 topics · ~3 h
- 12TypeScript with React6 topics · ~3 h
- 13Routing6 topics · ~3 h
- 18Accessibility in React5 topics · ~2 h
- 14Data Fetching and Async UI7 topics · ~4 h
- 15State Management at Scale6 topics · ~3 h
- 16Performance10 topics · ~4 h
- 17Testing React7 topics · ~3 h
- 19React 19: Actions and Modern Forms8 topics · ~3 h
- 20Server Components and Next.js7 topics · ~3 h
- 21Security in React Apps6 topics · ~3 h
- 22Architecture and Patterns7 topics · ~3 h
- 23Build, Deploy and Run in Production6 topics · ~3 h
- 24Frontend Patterns You'll Build Everywhere10 topics · ~5 h
- 25Frontend System Design with React9 topics · ~4 h
- 26Interview Deep Dives5 topics · ~3 h
- 27Capstone: Build a Complete App6 topics · ~3 h
Where should I start?
Pick a path for your goal
Complete beginner
You know a little HTML, CSS and JavaScript. Start here: every word is explained.
Job-ready React developer
You can build components and want the skills teams expect.
Senior and interviews
You use React daily and want internals, React 19, frontend system design and interview depth.
Helpful before this course
Where this leads next