React Scan

React Scan detects performance issues in your React app. Previously, tools like , Why Did You Render?, and React Devtools required lots of manual code change, lacked simple visual cues, and had noisy data. Instead, React Scan automatically detects and highlights renders that cause performance issues. This shows you exactly which components you need to fix. It's also just JavaScript, so you drop it in anywhere – script tag, npm, you name it!

Well ideated, this is very useful for folks like me that use react, but have never gotten enough time to become a 10x engineer on it. Now, it would be amazing if I could share the components with the solution, and it would identify suggestions for how to fix, does it get that far? Anyway, will try it over the weekend ;)

Great concept @aiden_bai. The ability to drop React Scan anywhere is a big win for flexibility. Well done.

🎉 Congrats on the launch! Is there any difference between this and the "Highlight updates when components render" option in the React devtools?

This looks like its worth trying! I'm curious about React and I'm playing around with it so I think this could be a valuable learning/production tool, plus I'm a big fan or purple/indigo hues!

Congrats on the launch! 🎉 This tool looks like a game-changer for optimizing React apps. What's the biggest performance bottleneck you've noticed that React Scan can help with?

@aiden_bai congrats on your launch! 🚀 looks super useful. Would have loved to have such a tool back in my React days