@ngrx/store-devtools – debugging

The following scenario can be found in the code repository under Chapter9/DevTools.

There are three things we need to do to get DevTools to work:

• Install the NPM package: npm install @ngrx/store-devtools --save.
• Install the Chrome extension: http://extension.remotedev.io/. This is called the Redux DevTools extension.
• Set it up in your Angular module: this requires us to import DevTools into our Angular project.

Providing we have done the two first steps, we should only have the set up stage left, so we need to open up the app.module.ts file for that:

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { StoreModule } from "@ngrx/store";
import { AppComponent } from "./app.component";
import { counterReducer } from "./reducer";
import {...