Dendro gives your AI assistant deep understanding of your React and React Native codebase — component trees, complexity scores, navigation maps, data flow, and an interactive visual canvas.
Turn any React or React Native codebase into a map your AI can actually reason about.
Full hierarchy, relationships, and structure. Find components by name or type. Detect circular dependencies instantly.
Every component graded 1-10. Spot refactoring candidates before they become tech debt. Density-based audit grades A-F.
Auto-detects React Navigation, Next.js App Router, React Router v6/v7, and Remix. See every screen, every route.
Prop drilling detection. Context map. Hook dependencies. Trace where state lives and how it moves through your app.
D3-powered dendrogram in a VS Code webview. Your AI highlights, annotates, and traces flows in real time as it explores.
Connect to a running app for live component trees, state, props, and hooks. Modify state from the editor (Pro).
Two minutes from install to first audit.
One click from the VS Code Marketplace, or run ext install RooneyTech.dendro-react.
Add Dendro to your .mcp.json. Works with Claude Code, Cursor, Windsurf, or any MCP client.
"Use Dendro to give me an architecture overview of this codebase." Your agent does the rest.
Start free. Upgrade when you want exports, snapshots, and live introspection.
Install the extension, point Claude at it, ask what's complex. That's the whole loop.
Install Dendro React