React Core (Interview Prep)
A structured roadmap of the React fundamentals that matter most in frontend interviews. Start top-to-bottom.
Series: React Core
Roadmap (10)
Browse all React posts →- 1
React Rendering: The Mental Model
How React thinks about rendering, reconciliation, and why state changes cause re-renders.
3 min read - 2
Components, Props, and State (Interview Essentials)
Core building blocks: props vs state, one-way data flow, and when to lift state up.
3 min read - 3
Keys in React Lists: Why They Matter
How keys help React preserve identity and avoid subtle UI bugs.
3 min read - 4
useEffect: Dependencies, Cleanup, and Common Traps
When effects run, how dependency arrays work, and how to avoid stale closures.
3 min read - 5
useMemo vs useCallback: When (Not) to Use Them
Performance hooks explained with practical rules of thumb and interview-ready examples.
2 min read - 6
State Updates and Batching in React
How React batches state updates and what it means for setState and derived state.
2 min read - 7
Controlled vs Uncontrolled Components (Forms)
How to think about form inputs, refs, and when each approach makes sense.
2 min read - 8
React Context: When to Use It (and When Not To)
Context basics, performance implications, and alternatives like composition.
2 min read - 9
Custom Hooks: Extracting Reusable Logic
How to build and name custom hooks, and what makes them testable and reusable.
2 min read - 10
React Performance: An Interview Checklist
Practical performance levers: memoization, splitting, virtualization, and avoiding unnecessary renders.
2 min read