NgRx DevTool Debugger

Skill by ara.so — Devtools Skills collection.

NgRx DevTool is a comprehensive debugging and visualization tool for NgRx state management in Angular applications. It provides real-time action monitoring, effect tracking, state visualization with diff viewer, and performance metrics without requiring browser extensions. The tool runs a separate WebSocket server that your Angular app connects to, displaying all NgRx activity in a dedicated UI.

Installation

Install the package as a development dependency:

npm install --save-dev @amadeus-it-group/ngrx-devtool

Or with yarn:

yarn add -D @amadeus-it-group/ngrx-devtool