ngrx-devtool-debugger

Install @amadeus-it-group/ngrx-devtool as a dev dependency, add createDevToolMetaReducer() to your store's metaReducers, and call provideNgrxDevTool with your WebSocket URL. Then run npx ngrx-devtool to start the server and UI.

NgRx DevTool runs a standalone WebSocket server and dedicated UI instead of a browser extension. Your Angular app connects to ws://localhost:4000 and streams actions, state diffs, and effect activity to the UI on port 3000.

Yes, it supports both standalone and NgModule configurations. For NgModule apps, import NgRxDevToolModule.forRoot() with your config and register the meta-reducer in StoreModule.forRoot.

Actions only appear if createDevToolMetaReducer() is registered in the store's metaReducers and the enabled option is true. Also verify the WebSocket server is running and the wsUrl matches the server port.

It is designed for development and should be disabled in production. Set enabled based on environment flags and conditionally include the meta-reducer only when devToolEnabled is true to avoid performance overhead.

Empty diffs usually mean the reducer mutates state instead of returning a new object reference. Ensure reducers use immutable updates with the spread operator, and check for circular references that break state serialization.