AN ORDERED STUDY PLAN
React learning roadmap.
Understand rendering, state ownership, hooks, and performance. Work through 3 modules, then use the connected questions to check what you can explain without the notes.
- STEP 1
Rendering & state
- Props & state · 2 min
- What causes a re-render? Does it always change the DOM? · 2 min
- What are reconciliation, Fiber and keys? · 2 min
- Controlled vs uncontrolled input? · 2 min
- Why should I use a functional state update? · 2 min
Checkpoint: explain the ideas above with an example and a limitation before continuing.
- STEP 2
Hooks
- Effects & synchronization · 2 min
- Why does an effect run twice in development or loop forever? · 2 min
- useRef vs useState? · 2 min
- useMemo vs useCallback? · 2 min
- When do I use Context, useReducer or a custom hook? · 2 min
Checkpoint: explain the ideas above with an example and a limitation before continuing.
- STEP 3
State & performance
- Local state vs Redux/Zustand vs server state? · 2 min
- How do I make a slow React page faster? · 2 min
Checkpoint: explain the ideas above with an example and a limitation before continuing.
Check your understanding
After the lessons, rehearse the 12 connected questions. Revisit the lesson when you cannot yet explain why the answer works.
Practice React Review the interview guide