Exploring Performance
summary
A suite of benchmarks measures pure framework render time by running a script that performs 5,000 interactions to build an SVG logo and avoids layout/paint so it times only updates. Results show React Compiler cuts render time dramatically versus baseline by splitting components into smaller pieces; pure pull‑based signals do not win here; a hybrid prototype called React Fur plus an external store yields the largest gains on the draw benchmark, but gains shrink on richer benchmarks and features may erase some wins.
AI-written summary · about
chapters (12)
- 0:00Introduction to React performance
- 1:43Incremental computation in React
- 3:08Draw benchmark setup
- 6:19React compiler vs baseline
- 9:29Signals and prototypes
- 14:20Domain-specific incremental systems
- 15:24React Fur hybrid algorithm
- 16:50External store data model
- 18:55Combining store and React Fur
- 19:36Benchmark limitations
- 20:44Key takeaways and future work
- 22:08Building fast apps with React
related talks
27mBuilding High Performance React Applications
17mWhat I Learned Benchmarking React
28mDemystifying React Performance
33mPerformance in React
27mProfiling and Optimizing Performance of React Applications
19mReact Complier - deep dive into performance
25mDesigning High Performance React Applications
47mReact, Rendering, Performance