React Core — Start Here (Roadmap + How to Study)
A senior-engineer roadmap for React: how to study, what to build, and how to use this React Core series effectively (with checkpoints + interview prep).
Practice
Use the blog to sharpen answers, review weak areas, and move from basics to mock-style prep without guessing what to read next.
Resume Prep
Jump back into the roadmap you already started, or use the article filters below to practice a specific topic.
Start with JavaScript Core and build your path from basics to mock review.
Basics build confidence, practice sharpens answers, and the roadmap keeps you moving toward the next interview topic.
If you want a guided path (instead of random reading), pick a roadmap. Each one is ordered top-to-bottom.
Event loop, closures, this, hoisting, async, and the fundamentals interviews test.
Types vs interfaces, narrowing, generics, utility types, and practical TS patterns.
Rendering, hooks, state, effects, performance, and common production patterns.
Semantics, layout, flexbox/grid, responsive design, accessibility, modern CSS.
The first lesson in each roadmap — great if you want a clean entry point.
A practical, interview-focused guide to the JS event loop: call stack, Web APIs, task queues, microtasks vs macrotasks, and common trick questions with real examples.
A deep, interview-ready guide to TypeScript types vs interfaces: extension, unions, intersections, declaration merging, and practical patterns for real codebases.
Filter Your Practice
Search by concept, narrow to a series, or pick a tag to focus on the exact topic you want to rehearse.
Results
A senior-engineer roadmap for React: how to study, what to build, and how to use this React Core series effectively (with checkpoints + interview prep).
A senior model for Next.js Server Components: what runs where, how client boundaries increase JS + hydration cost, and how to design component trees for performance.
How React 18 scheduling works: urgent vs non-urgent updates, useTransition, interruptible rendering, and how these tools improve responsiveness (INP).
A practical decision framework for memoization in React: when it prevents real work, when it’s wasted complexity, and how to measure.
Why keys matter beyond lists: how reconciliation decides to preserve state or remount, why index keys break UIs, and how to debug key-related bugs.
A senior mental model of React rendering: render vs commit, reconciliation, why rerenders happen, and how to prove it using the React Profiler.
Practical performance levers: memoization, splitting, virtualization, and avoiding unnecessary renders.
How to build and name custom hooks, and what makes them testable and reusable.
Context basics, performance implications, and alternatives like composition.