React Tree Visualizer

Requirements

• React DevTools must be installed and running
• Currently only working on React 19

Usage

1. Navigate to any React app (e.g. localhost:3000, or https://react.dev)
2. Open DevTools (Cmd+Option+I)
3. Click the "React Tree" tab (may be hidden under the » overflow menu)
4. The tree loads automatically — click any node to expand/collapse, scroll to zoom, drag to pan
5. Hit Refresh if you navigate or remount the app

Running in development

1. Load the extension: Open chrome://extensions
2. Enable Developer mode (toggle, top-right)
3. Click Load unpacked → select /Users/csdiehl/dev/react-tree-viz