React Without DevTools
summary
A tool called Million Lint instruments React to count state and prop changes and then rewrites code with compiler transforms, flagging that an onclick callback renders 40,000 times and a key prop changes 4,000 times. It shows fixing by passing setFilter down and splitting input state with startTransition reduces rerenders, turns the profiler green and lifts Lighthouse scores. Demonstrates automated detection plus code transforms that actually make the app faster.
AI-written summary · about
related talks
16mDeep dive into react profiles and performance optimisation
26mReact Developer tooling
32mHow React Compiler Performs on Real Code
26mHow React Compiler Performs on Real Code
38mLive Coding - Optimizing a React application
38mReact as a Developer Health Tool
27mProfiling and Optimizing Performance of React Applications
11mMaximizing React Perfomance with DevTools: Profiler and Components