React Tune Up

on YouTube ↗37m

" summary

A demo app shows concrete fixes: measurement via React Profiler and a Cypress integration test that asserts interaction <16ms (real run drops from ~117ms to 2.5ms after fixes). Specific tools and techniques include scheduler trace for interactions, per-instance memoized selectors (reselect via a selector factory and a custom hook), react-window for virtual scrolling to shrink the DOM, and image delivery via Cloudinary plus native lazy loading; examples show original 3MB images cut to ~100KB and only 60 of 200 images requested initially.

AI-written summary · about

" chapters (10)

1. 0:00Intro
2. 0:54Measuring Performance
3. 3:05Demo
4. 9:13Does React Guarantee Speed
5. 10:10Why Cant React Guarantee Speed
6. 10:40React Pitfalls
7. 16:05Selectors
8. 23:20Virtual Scrolling
9. 28:03Media Handling
10. 29:07Media Optimization

" related talks

• 20mPerformance Anxiety with React: Track and increase speed of your appsJessica Leach · React Day Berlin 2019
• 24mOptimising React’s TTILuis Felipe Román · ReactiveConf 2019
• 53mHelp! My React app is slowwwww!Ben Ilegbodu · React Alicante 2018
• 34mOptimizing Performance in Large-Scale React & Node.js ApplicationsTejas Gavankar, Hrithik Gavankar · DevConf.CZ 2025
• 26mLightning Fast React AppsSia Karamalegos · AgentConf 2018
• 27mProfiling and Optimizing Performance of React ApplicationsSachin Chopra · ReactFoo Hyderabad 2018
• 21mMaking Your React Apps Perform At ScaleMilecia McGregor · React Summit 2020
• 38mLive Coding - Optimizing a React applicationJuho Vepsäläinen, Andrey Goncharov · React Finland 2020