Performance Anxiety with React: Track and increase speed of your apps
summary
Shows measurable wins: using react memo and PureComponent cuts commit time from 0.8s to 0.5s and render from 7.9ms to 1.1ms on the example table app. Walks through concrete tools and tactics — React Profiler, why did you update logging, useMemo/useCallback, keys for lists, and windowing with react-window or react-virtualized, plus lazy loading with Suspense and webpack bundle analyzer. Emphasizes measure before optimizing and warns about shallow comparisons and stale props causing bugs.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 3:42What is reconciliation
- 9:56What is shallow comparison
- 11:31What is Memo
- 12:20Testing Memo
- 13:57React Hooks
- 15:01List Performance
related talks
27mProfiling and Optimizing Performance of React Applications
28mDemystifying React Performance
26mLightning Fast React Apps
21mMaking Your React Apps Perform At Scale
40mProfiling React rendering performance
53mHelp! My React app is slowwwww!
27mBuilding High Performance React Applications
37mReact Tune Up