Quick Wins to Improve Your App’s Performance
summary
App slowdown traces to concrete causes: creating new objects in a context provider on every render and recreating functions/arrays passed as props, which force widespread rerenders; misuse of hooks—extra or missing useEffect cleanups and both over- and under-use of memoization—adds measurable churn. Tools used to find and fix issues include React DevTools, React Scan, Chrome MCP and Cursor agents, and simple binary-search deletion; a Cursor-driven agent reproduces, locates, and patches regressions so the FPS and render counts visibly recover.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:19Meet the detectives
- 3:50Context and props clues
- 8:34useEffect and hooks misuse
- 14:14Memoization extremes
- 19:12External interference theory
- 20:59Debugging with React tools
- 25:00Deleting code and AI debugging
- 28:17Summary
related talks
53mHelp! My React app is slowwwww!
27mProfiling and Optimizing Performance of React Applications
20mPerformance Anxiety with React: Track and increase speed of your apps
24mOptimising React Native "Tools and Tips"
21mMaking Your React Apps Perform At Scale
39mPerformance issues: the usual suspects
51mOptimizing your React Application
24mThe Performance Myths of React Native apps