Reactjs/Nextjs Codebase Graph Visualizer - Intelligent Reactjs, Nextjs Codebase graph Visualizer

Devlens maps your React/Next.js codebase into an interactive graph so you can understand dependencies, logic flow, and the blast radius of changes, with business logic summaries and technical summaries along with any severity issues. Built using AST analysis (no AI for mapping), it helps you see how components, hooks, and state connect—especially in large codebases. It can be used for Easy Onboarding for new members in team, or for seeing the blast radius of your PR, providing easy PR review.

Hey everyone 👋 I built Devlens after struggling to understand how changes in one part of a codebase affect everything else—especially in larger React/Next.js apps. TypeScript and search work well for direct usage, but I often found it hard to reason about: indirect dependencies shared state impact and overall “blast radius” of a change So I started experimenting with mapping the codebase into a graph using AST parsing (no AI for mapping). What surprised me was what became possible on top of that graph: seeing impact/blast radius of a change generating contextual summaries (business + technical) surfacing potential security issues identifying critical files based on dependency scoring It’s still early, and I’m sure there are gaps—so I’d really appreciate feedback on: Where would something like this actually fit in your workflow? Which of these features sounds useful vs unnecessary? Any cases where this approach would break down? Happy to answer anything or go deeper into how it works 🙌

Reactjs/Nextjs Codebase Graph Visualizer - Intelligent Reactjs, Nextjs Codebase graph Visualizer

Replies