From the course: Learning NgRx

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Debugging NgRx applications

Debugging NgRx applications - Angular Tutorial

From the course: Learning NgRx

Start my 1-month free trial

Debugging NgRx applications

- [Instructor] In this video, we're going to see how to debug NgRx applications and see a live view of our application state. The first thing to do in order to have debugging assistance, is to make sure you have the @ngrx/store-devtools installed. Let's check our package.json and make sure that it is in there. As you can see on line 16, we have an import in our app.module.ts of the store-devtools, so they're already installed. We can also see in package.json, line 25 that these DevTools are installed. If it's not installed, of course you just run npm install with that package name, and then you'll get the latest version of it. The store-devtools can be configured, as we can see here on the official documentation on the NgRx website. For instance, you can define how many states you want to keep in history. This is the number of states you will see when you browse the history of your NgRx states. There are many other options that are listed below. I'm not gonna go through all of them…

Contents