Are we React-ing wrongly?
summary
Argues React hooks get overused and shows measurable harms: useMemo adds >10ms to first render for 1,000 items while re-renders stay under 1ms, useCallback builds cached function versions that accumulate and leak memory, and console.time profiling shows only ~0.2–0.5ms savings for memo in many cases. Demonstrates a real stale-closure bug where a memoized callback logs 0 instead of the updated count. Recommends avoid lifting state unnecessarily, minimize dependency lists, and stop memoizing low-level DOM handlers.
AI-written summary · about
chapters (6)
- 0:00Start
- 9:52Which one is with useMemo?
- 21:57Quiz What is the output value of count for each increment?
- 24:15useCallback When to use it?
- 25:49React Render Cycle Flow
- 27:04Things we can do
