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
Search by concept, narrow to a roadmap, or pick a tag to focus on the exact topic you want to rehearse.
20 articles · page 1 of 3
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).
Decide when React memoization helps using a runnable list example, a before-and-after profiling exercise, and common reasons optimizations fail.
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.
How to type a polymorphic component like a design-system author: correct props, correct refs, and zero unsafe casts.
Props, children, event handlers, generics in components, and common TS + React pitfalls interviewers ask about.
Practical performance levers: memoization, splitting, virtualization, and avoiding unnecessary renders.