NGRX devtools

Neil HaddleyJanuary 25, 2023

haddley-ngrx

Angularngrxdevtoolsangularstate-management

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

BASH
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"

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

I added the corresponding chrome extension from

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

setup instructions

setup instructions

ng update @angular/cli

ng update @angular/cli

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

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

ng add @ngrx/store-devtools@latest

ng add @ngrx/store-devtools@latest

chrome devtools extension

chrome devtools extension

reviewing store state and actions

reviewing store state and actions

I clicked the dice to roll

I clicked the dice to roll

I clicked (pin) to focus on dice/value

I clicked (pin) to focus on dice/value

I replayed actions and reviewed dice/value updates

I replayed actions and reviewed dice/value updates

I used Jump to navigate to an action

I used Jump to navigate to an action

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

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

Dispatch

Dispatch

Dispatch