NGRX devtools

Angularngrxdevtoolsstate-management

I updated the version of @angular and @ngrx using in the haddley-ngrx project

1% npm i
2
3% ng update
4
5% ng update @angular/cli
6% ng update @ngrx/store
7

I added support for NGRX devtools using "ng add"

1% ng add @ngrx/store-devtools@latest

I added the corresponding chrome extension from

https://github.com/reduxjs/redux-devtools/

setup instructions

ng update @angular/cli

ng update @angular/core ng update @ngrx/store

ng add @ngrx/store-devtools@latest

chrome devtools extension

reviewing store state and actions

I clicked the dice to roll

I clicked (pin) to focus on dice/value

I replayed actions and reviewed dice/value updates

I used Jump to navigate to an action

I used Jump to review previous state corresponding to an older action