NGRX devtools

Neil HaddleyJanuary 25, 2023

haddley-ngrx

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

clicking the dice to roll

clicking the dice to roll

clicking (pin) to focus on dice/value

clicking (pin) to focus on dice/value

replaying actions and reviewing dice/value updates

replaying actions and reviewing dice/value updates

Using Jump to navigate to an action

Using Jump to navigate to an action

Using Jump to navigate to review previous state corresponding with an older action

Using Jump to navigate to review previous state corresponding with an older action

Dispatch

Dispatch

Dispatch