Foundation — Live
01
What is React
Why React exists, the virtual DOM, and how it differs from plain JavaScript.
02
JSX
HTML-like syntax inside JavaScript, what it compiles to, and its rules.
03
Components & Props
Building UIs from reusable functions and passing data with props.
04
State & useState
Giving components memory, and the stale closure trap to avoid.
05
Event Handling
Responding to clicks and input with SyntheticEvent.
06
Conditional & List Rendering
Showing different UI based on data, and the key prop explained.
Hooks & State Management — Live
07
useEffect & Lifecycle
Side effects, cleanup, the dependency array, and race conditions.
08
Forms in React
Controlled inputs, validation, and the uncontrolled alternative.
09
Context API
Avoiding props drilling with shared state across the tree.
10
Hooks Deep Dive
useRef, useReducer, useId, and the rules that govern all hooks.
Performance & Reuse — Live
11
Custom Hooks
Extracting and reusing stateful logic between components.
12
Performance
memo, useMemo, useCallback — when they matter and when they don't.
Building Real Apps — Live
13
React Router
Client-side routing, nested layouts, and protected routes.
14
Data Fetching Patterns
From manual useEffect fetching to TanStack Query.
15
Server Components & Next.js
The modern full-stack React model — RSC, Server Actions, streaming.
16
Testing React Components
React Testing Library, queries, and user-event.