React / Rendering
React Re-render Visualizer
Trigger state updates and watch render counts propagate through a component tree, with and without memoization.
Intermediate~10 min
- react
- rendering
- memo
Category / Rendering · State · Context · Component behavior
How React decides what to render, when state propagates, and why components re-render more than you expect.
Trigger state updates and watch render counts propagate through a component tree, with and without memoization.
Compare a naive context provider with a colocated, split-context version and count the wasted renders.