Practice
Search by concept, narrow to a roadmap, or pick a tag to focus on the exact topic you want to rehearse.
31 articles · page 1 of 4
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.
A guided entry point into the Web Performance roadmap with curated paths (2 hours / 1 day / 1 week) + exactly what to measure and why it matters in interviews.
A practical introduction to service workers and offline caching strategies, including common pitfalls (stale content, cache invalidation) and when to avoid SWs.
Understand the browser APIs behind performance measurement: PerformanceObserver, long tasks, navigation timing, and capturing Web Vitals in real apps.
How to reduce rendering cost with modern CSS tools: containment, content-visibility, and avoiding expensive effects that trigger heavy paint/layout.