NgRx DevTool v0.1.0 Initial Release

First open-source release of NgRx DevTool, an architecture visualization tool for debugging NgRx state management in Angular applications.

Features

• Real-time Action Monitoring: Track all dispatched actions as they happen
• Effect Lifecycle Tracking: Monitor effect execution with start, emit, complete, and error events
• Action-Effect Correlation: See which effect emitted each action
• State Visualization: View current and previous state snapshots
• Diff Viewer: Compare state changes between actions
• Performance Tracking: Monitor reducer execution time, render timing, and state size changes
• Effects Panel: Dedicated panel showing all effect executions with duration and status
• Selector Tracking: Track selector invocations and cache hit rates via trackSelector and createTrackedSelector
• CLI Server: Single command launches both the WebSocket relay and the visualization UI

Architecture

• ngrx-devtool — Core library (meta-reducer, services, performance analyzers)
• ngrx-devtool-ui — Standalone visualization dashboard
• ngrx-devtool-docs — Documentation website

Setup

See the README for full instructions.

Compatibility

• Angular 18.2+
• @ngrx/store & @ngrx/effects