ngrx-store-devtools-next

@ngrx/devtools

Devtools for @ngrx projects.

@ngrx/store Instrumentation

Devtools currently export experimental instrumentation tools for @ngrx/store. To use them, import instrumentStore and use it when providing your @ngrx/store:

boostrap(App, [ provideStore(reducer), instrumentStore() ]);

Then use the StoreDevtools service and accompanying StoreDevtoolActions to interact with the lifted store:

import {StoreDevtools, StoreDevtoolActions} from '@ngrx/devtools';
 
@Component({ ... })
class Monitor{
    constructor(private devtools: StoreDevtools){
        this.devtools.state$.subscribe(liftedState => console.log(liftedState));
    }
 
    reset(){
        this.devtools.dispatch(StoreDevtoolActions.reset());
    }
}

The exported action types and resultant lifted state are currently identical to redux-devtools.

Contributing

Please read contributing guidelines here.