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 - Angular Tutorial
From the course: Learning NgRx
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.