Server data from the Official MCP Registry
React/React Native codebase analysis for AI agents — 36 free MCP tools, local-only.
About
React/React Native codebase analysis for AI agents — 36 free MCP tools, local-only.
Security Report
Dendro React is a well-designed MCP server for React/React Native codebase analysis with appropriate permissions for its stated purpose. The code is minified in the npm distribution, making detailed static analysis difficult, but the TypeScript source, README, and package configuration indicate a legitimate development tool. Minor code quality concerns around error handling and logging do not significantly impact the security posture. No evidence of malicious patterns, credential exfiltration, or dangerous operations. Supply chain analysis found 3 known vulnerabilities in dependencies (0 critical, 2 high severity). Package verification found 1 issue (1 critical, 0 high severity).
4 files analyzed · 7 issues found
Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.
Permissions Required
This plugin requests these system permissions. Most are normal for its category.
Unverified package source
We couldn't verify that the installable package matches the reviewed source code. Proceed with caution.
How to Install
Add this to your MCP configuration file:
{
"mcpServers": {
"io-github-rooneytech-dendro-react": {
"args": [
"-y",
"dendro-react"
],
"command": "npx"
}
}
}Documentation
View on GitHubFrom the project's GitHub README.
Dendro
See your React app's constellation.
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. 36 MCP tools, zero configuration on your part.
Getting Started
- Install Dendro React — run
ext install RooneyTech.dendro-reactin VS Code, or install from the Marketplace - Open your React or React Native project in Claude Code
- Paste this:
Set up Dendro React for this project. The extension is already installed in VS Code. Do these steps in order:
- Find the MCP server path:
ls ~/.vscode/extensions/rooneytech.dendro-react-*/dist/mcp-server.js- Find the absolute node path:
which node- Create
.mcp.jsonin the project root using the absolute node path as"command"and the MCP server path as the first arg- Add a Dendro section to
CLAUDE.md(create it if needed) with: the entry file path,get_usage_guideas first call, and a note to run viz commands sequentially- Verify by calling
get_usage_guide
That's it. Your agent handles the rest.
Things to Try
Say "Dendro" in your prompts — like "Use Dendro to show me how this app is structured." It'll use the visualizer and deeper analysis instead of just reading files.
- "Use Dendro to give me an overview of this project's architecture"
- "Use Dendro to check how healthy this codebase is"
- "Show me how navigation works in this app with Dendro"
- "Use Dendro to visualize the component tree and highlight complex components"
- "Where does state live? Use Dendro to trace the data flow"
- "Open the Dendro visualizer and walk me through the app"
What It Does
- Component tree analysis — full hierarchy, relationships, and structure
- Complexity scoring — every component graded 1-10 with refactoring candidates
- Navigation mapping — React Navigation, Next.js, React Router, Remix
- Context & data flow — providers, consumers, prop drilling detection
- Health audits — A-F grade with actionable issues
- Visual canvas — AI highlights, annotates, and traces flows in a live dendrogram
- Runtime inspection — connect to a running app for live state, props, and hooks (optional)
Pricing
All 36 tools are free — exports, snapshots, verified projection, live introspection, and batch analysis included. No account, no license key, and no code leaves your machine.
Configuration
| Setting | Default | Description |
|---|---|---|
dendro-react.autoStartRuntime | false | Auto-connect to React Native apps on activation |
dendro-react.runtimePlatform | auto | Target platform: auto, ios, android, or device |
dendro-react.runtimePort | 8097 | DevTools WebSocket port |
dendro-react.runtimeHost | localhost | WebSocket host (0.0.0.0 for physical devices) |
dendro-react.projectorMode | false | Larger fonts/strokes for screen sharing |
Learn More
- Setup Guide — manual setup, Cursor/Windsurf config, runtime connection, troubleshooting
- Tools Reference — all 36 MCP tools with descriptions
Feedback
Dendro is in early access. If something doesn't work, feels confusing, or you wish it did something different — I want to hear it.
- Issues & ideas: GitHub Issues
- Email: colin@rooneytech.com
Built by Colin Rooney. Originally derived from Reactive, built at OSLabs with Micah Ziegler and Susana Lam. Named after the Greek word for tree and the branching dendrites of neurons.
Reviews
No reviews yet
Be the first to review this server!
More Developer Tools MCP Servers
Git
Freeby Modelcontextprotocol · Developer Tools
Read, search, and manipulate Git repositories programmatically
Fetch
Freeby Modelcontextprotocol · Developer Tools
Web content fetching and conversion for efficient LLM usage
Toleno
Freeby Toleno · Developer Tools
Toleno Network MCP Server — Manage your Toleno mining account with Claude AI using natural language.
mcp-creator-python
Freeby mcp-marketplace · Developer Tools
Create, build, and publish Python MCP servers to PyPI — conversationally.
MCP Marketplace
Freeby mcp-marketplace · Developer Tools
Search and install MCP servers from inside your AI client.
MarkItDown
Freeby Microsoft · Content & Media
Convert files (PDF, Word, Excel, images, audio) to Markdown for LLM consumption