Did You Not Get the Memo? Signed, Atomic Design
summary
Claim: combining Atomic Design with an understanding of React reconciliation cuts memo usage roughly in half and reduces needless re-renders. Evidence: a codebase with 1,957 TSX files shows 842 useCallback, 383 useMemo and 10 memo HOC usages across 63% of files. Measured example uses Reassure to compare renders 1.77 ms versus 5–6 ms after changing component shape, and removing memo often speeds things up. Uses React compiler, TanStack Query and fine grained subscriptions and stability boundaries.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 2:44Cloudflare outage and React’s useEffect
- 6:39React reconciliation basics
- 10:28React memo and effect hooks
- 12:33Memoization and re-rendering demo
- 17:25Atomic design for performance
- 20:30Summary
