Making Your React Apps Perform At Scale
summary
Shows concrete diagnostics and fixes: run a production build locally and run a lighthouse audit and the profiler tool to find slow components, inspect the network and components panels, then apply fixes like react.lazy + Suspense, virtualize long lists, add caching with Google Workbox service workers, chunk and minify bundles, tree-shake and remove unused packages, prefer useContext/useMemo where appropriate. Mentions avoiding 200ms creeping delays and not shipping a single 24MB bundle.
AI-written summary · about
chapters (15)
- 0:00Intro
- 1:04Overview
- 2:08Initial React App
- 3:03React Components
- 5:07Budget Tracker
- 6:35Performance Audit
- 13:11Network
- 16:32Lazy Loading
- 19:36Cache Data
- 28:01Conclusion
- 30:38Poll Results
- 32:28Workshops
- 33:51React vs Redux
- 34:38Context limitations
- 36:08Questions
related talks
21mMaking Your React Apps Perform At Scale
26mLightning Fast React Apps
33mMaximising performance with React code-splitting techniques
25mReact developer? How are your production skills?
34mOptimizing Performance in Large-Scale React & Node.js Applications
53mHelp! My React app is slowwwww!
20mPerformance Anxiety with React: Track and increase speed of your apps
28mDemystifying React Performance