Blog
How React rendering works, and what makes a component re-render
A clear mental model of render and commit, what triggers a re-render, how reconciliation and keys work, and why index keys break.
React: how to make your app more performant
How I find a slow React app's real bottleneck, then fix it in order of impact: bundle size, long lists, images, re-renders and Core Web Vitals.
useMemo, useCallback and React.memo: when do they actually help?
Memoization only pays off when there is a measured cost. Here is what each tool does, when it is wasted, and what to try first.
What INP measures, and how to improve it in React
INP scores how fast a page responds to clicks, taps and keys. Here is what it measures and the React and browser fixes that move it.