Practice
Search by concept, narrow to a roadmap, or pick a tag to focus on the exact topic you want to rehearse.
16 articles · page 1 of 2
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.
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.