Speed at Scale: Optimizing The Largest CX Platform Out There
summary
Migrating a legacy React 15/Weback/Node 10 codebase to a modern build pipeline yields concrete wins: a generated modern bundle is 37% smaller and legacy builds drop 25%, achieved by automated transforms with JS CodeShift and AST-driven codemods, feature‑flagged builds and code generation, swapping production output to preact plus loadable-components for dynamic loading, and module/no‑module delivery for browsers. Regression: custom per‑customer JS/CSS breaks when modules load lazily, so compatibility guards and AB testing determine safe rollout.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:52Modernizing dependencies
- 4:21Code generation with flags
- 7:13Code splitting with lazy
- 8:37Switching to Preact
- 9:41Browser support efficiently
- 12:08Key takeaways and closing thoughts
related talks
25mSpeed at Scale: Optimizing The Largest CX Platform Out There
17mSpeed at Scale: Optimizing The Largest CX Platform Out There
31mSpeeding up Startup for Large React Apps
42mIntegrating React Into Legacy Projects
17mCodebase Conquest: How Nx Turbocharged Our React Workflow
28mLessons in Managing Technical Debt
34mMass Frontend Refactors: Less Stress; More Success
21mMigrating critical apps to React