Constructs a new DevToolsExtension object with the given parameters.
The application reference object.
The Angular Redux service instance.
Private appThe application reference object.
Private ngThe Angular Redux service instance.
A wrapper for the browser Extension Redux DevTools.
Makes sure state changes triggered by the extension
trigger Angular change detector.
constructor(ngRedux: NgRedux<IAppState>, devTools: DevToolsExtension) {
let enhancer: Array<any> = [];
if (devTools.enhancer() && isDevMode())
enhancer = [ devTools.enhancer() ];
ngRedux.configureStore(rootReducer, INITIAL_STATE, [], enhancer);
}
// or
constructor(ngRedux: NgRedux<IAppState>, devTools: DevToolsExtension) {
let enhancer: Array<any> = [];
if (devTools.enhancer() && isDevMode())
enhancer = [ devTools.enhancer() ];
ngRedux.configureStore(rootReducer, INITIAL_STATE, [
reduxSyncMiddleware({
initState: true
})
], enhancer);
}
options: dev tool options; same format as described here
Optional options: anyGenerated using TypeDoc
Developer Tools to power-up Redux development workflow or any other architecture which handles the state change.
It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app.