Hey r/reactjs,
I built ReactGraph — an open source tool that analyzes your React/Next.js project and renders it as an interactive graph showing how your pages, components, hooks, and APIs connect.
Features:
- Props and TypeScript types shown on every node
- Impact Analysis — see what breaks before you change anything
- Circular dependency detection
- Prop drilling detection — flags props passed 3+ levels deep
- Unused component detection
- Detects components used across multiple pages that should be moved to a shared folder
- Health Check — maps TypeScript errors onto the graph before production builds
Try it in any React project:
npm install u/reactgraph-ui/core
npx reactgraph serve .
Then open http://127.0.0.1:4174
GitHub (open source): https://github.com/robinnayak/reactgraph
npm: https://www.npmjs.com/package/@reactgraph-ui/core
Would love feedback on what is missing or what could be better.