Ngrx Graphviz is a tool that analyzes the AST (Abstract Syntax Tree) of Typescript projects looking for ngrx actions and effects.
The result is processed by Graphviz which represents cause-effect relationships between actions as a diagram.
- Go to Ngrx Graphviz
- Click on
- Select your project folder (tsconfig.json must be present into the folder)
- Wait for the result
 |
side effect, A dispatches B |
 |
non-dispatching effect |
 |
dispatched action in case of error |
 |
action handled by a reducer to perform a state transition |
Ngrx Graphviz is able to resolve Actions, Effect and Reducers created by
