Performance Without Compromise
summary
Claims a declarative React architecture that meets 100ms key‑input and 60fps on a cheap 600MHz single‑core device roughly 465× slower than a laptop. Builds React Gibbon on Gibbon and Falcor, removes refs, uses transducers instead of HOCs (one HOC lifecycle ≈1.2ms, six per list → ~60ms overhead), applies static style diffs and a Babel element inliner, cuts ~50ms then ~40ms, and reaches interactive latency near the target.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:48Background
- 3:59Unidirectional Flow
- 5:58Mixins
- 13:28Measuring
- 13:48Highorder components
- 17:26Not perfect
- 18:37Separating styles
- 19:46Writing static diffs
- 21:10JSX
- 22:25Inliner
- 23:50Transducers
related talks
27mBuilding High Performance React Applications
24mExploring Performance
51mTips and tricks for optimizing your React application
20mReconciliation: The Root of Performant Applications
25mDesigning High Performance React Applications
34mOptimizing Performance in Large-Scale React & Node.js Applications
08mLightning fast SSR React apps with top perceived performance and no (client side) JavaScript
19mReact Complier - deep dive into performance