Cheap performance wins in React

on YouTube ↗34m

" summary

Covers why web app performance matters and what “fast” means, plus practical measurement tools (likely browser/devtools and performance metrics) and inexpensive React-specific fixes that can be implemented immediately to improve app speed. Focus is on actionable, low-cost optimizations rather than deep, time-consuming profiling.

AI-written summary · about

" chapters (19)

1. 0:00Start
2. 4:27SEO ranking depends on it
3. 6:23What makes a web app not performant?
4. 8:44Browsers are single threaded
5. 10:02How fast is fast?
6. 11:14Core Web Vitals
7. 15:27Types of Perf Measuring Tools
8. 17:43Is React slow?
9. 22:59External packages bundle
10. 23:57Use webpack-bundle-analyzer for current packages
11. 24:21Problems of fetching data
12. 24:59Pick a fetching library
13. 25:36Implement SWR
14. 26:17Huge Listing
15. 27:06Using react-window
16. 27:38Wasted rendering
17. 29:53Bundle size
18. 31:34Bright Performance Future
19. 33:05Takeaways

" related talks

• 26mLightning Fast React AppsSia Karamalegos · AgentConf 2018
• 33mPerformance in ReactSergio Zamarrowski · Commit Conf 2019
• 27mProfiling and Optimizing Performance of React ApplicationsSachin Chopra · ReactFoo Hyderabad 2018
• 27mBuilding High Performance React ApplicationsJoe Karlsson · Node+JS Interactive 2018
• 20mPerformance Anxiety with React: Track and increase speed of your appsJessica Leach · React Day Berlin 2019
• 25mDesigning High Performance React ApplicationsSendil Kumar N · JSWorld Conference 2022
• 34mOptimizing Performance in Large-Scale React & Node.js ApplicationsTejas Gavankar, Hrithik Gavankar · DevConf.CZ 2025
• 28mDemystifying React PerformanceSteve Kinney · NationJS React 2018