What I Learned Benchmarking React
summary
Benchmarks compare concrete builds and show measurable wins: switching to flat bundles produced about a 10% render win and a 9% compile/pause win on facebook com, Rollup is the bundler used to achieve that, and removal of legacy APIs like createClass propTypes and reactdom factories shrinks bundles and yields a reported ~15% mobile load improvement. A/B benchmarking framework uses Lighthouse for low‑variance metrics, code mods automate API migration, and Fiber promises reduced jank by breaking up work.
AI-written summary · about
chapters (6)
- 0:00Introduction to React perf
- 2:01Optimization strategies
- 3:36Revising the build system
- 8:12Removing unnecessary code
- 9:34Implementing benchmarking
- 14:31Future goals and conclusion
related talks
24mExploring Performance
27mBuilding High Performance React Applications
21mMaking Your React Apps Perform At Scale
39mMaking Your React Apps Perform At Scale
20mOptimizing React Applications with the New React 19 Compiler
25mDesigning High Performance React Applications
32mHow React Compiler Performs on Real Code
24mOptimising React’s TTI