@ngrx/devtools

@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.