Performance Tests in React 19
summary
A music‑player demo runs slowed CPU via Chrome performance panel to reproduce choppy slider updates; React DevTools shows the playlist re‑rendering unnecessarily when nowPlaying state changes. Fixes include wrapping the playlist in React.memo and wrapping a recreated filteredSongs array in useMemo, which restores smooth interaction. A new auto-memoization tool removes manual memo code and keeps the app fast even after adding filtering, demonstrated live and working.
AI-written summary · about
related talks
20mPerformance Anxiety with React: Track and increase speed of your apps
37mReact Tune Up
38mLive Coding - Optimizing a React application
40mProfiling React rendering performance
27mProfiling and Optimizing Performance of React Applications
31mPerformance wins with React 18
26mMeasuring and Improving React Native Performance
28mDemystifying React Performance