ngrx-graph
Ein CLI, das Ihren NgRx-Quellcode liest und DOT/SVG-Graphen zeichnet, die zeigen, wie Actions, Effects und Reducers zusammenhängen, inklusive Aliases und verschachtelter Dispatches.
Den vollständigen Artikel lesen →ngrx-graph liest Ihren Angular-NgRx-Quellcode und zeigt auf, wie alles miteinander verbunden ist. Dabei läuft es mit dem TypeScript-AST durch den Code und findet das, was beim manuellen Verfolgen meist untergeht: importierte Aliase und Actions, die tief in verschachtelten RxJS-Operatoren ausgelöst werden. Herauskommt ein DOT- oder SVG-Graph, den Sie auf einen Blick nachvollziehen können.
Ein einziger Befehl ersetzt einen halben Nachmittag, an dem Sie zwischen Dateien springen und dispatch()-Aufrufen hinterherjagen. Zeigen Sie auf eine einzelne Action, und Sie bekommen genau diese Kette, von Anfang bis Ende. Lassen Sie das ganze Projekt berechnen, und Sie sehen endlich, welche Effects im Hintergrund Actions auslösen, deren Verbindung Sie nie kannten.