A Chrome extension that allows you to easily toggle React Scan on any webpage. React Scan is a powerful tool that automatically detects performance issues in your React app.
React Scan is a tool created by Aiden Bai that helps you identify performance issues in React applications by:
- Requiring no code changes – just drop it in
- Highlighting exactly the components you need to optimize
- Providing visual cues for unnecessary renders
- Install the extension
- Navigate to any React website
- Click the extension icon to enable React Scan
- Click again to disable it
The extension will automatically inject React Scan at document start, ensuring proper initialization before your React application loads.
- Clone this repository
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode" in the top right
- Click "Load unpacked" and select the extension directory
manifest.json- Extension configurationbackground.js- Handles extension toggle logicinject.js- Injects React Scan script into the page- Icons (you'll need to add these):
icon16.pngicon48.pngicon128.pngicon16-active.pngicon48-active.pngicon128-active.png
This extension is just a wrapper around the excellent React Scan tool by Aiden Bai. All credit for the core functionality goes to the original project and its contributors.
MIT License - feel free to use this extension as you wish.