Skip to content

→ All projects

ngrx-graph

LiveMay 12, 2026

A CLI that reads your NgRx source code and draws DOT/SVG graphs of how Actions, Effects, and Reducers connect, including aliases and nested dispatches.

Read the full write-up →

ngrx-graph reads your Angular NgRx source code and maps out how everything connects. It uses the TypeScript AST to walk the code, so it catches what manual tracing tends to miss: imported aliases, and actions dispatched from deep inside nested RxJS operators. The result is a DOT or SVG graph you can follow at a glance.

One command replaces an afternoon of jumping between files chasing dispatch() calls. Point it at a single action and you get just that chain, start to finish. Generate the whole project and you can finally see which effects are silently firing off actions you never knew were linked.