Skip to content

Category / Rendering · State · Context · Component behavior

React labs

How React decides what to render, when state propagates, and why components re-render more than you expect.

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
React / Context

Context Re-render Lab

Compare a naive context provider with a colocated, split-context version and count the wasted renders.

Advanced~12 min
  • react
  • context
  • state colocation