AngularNYC | AngularNYC - Patterns on top of Patterns: A discussion of ngrx-entity - Nate Kidwell @Angularnyc | Uploaded December 2017 | Updated October 2024, 4 hours ago.
We will do an exploration of ngrx-entity, the new kid on the ngrx block. After exploring what benefits it brings to the table, we will run through a fun example
Other parts of ngrx will be mentioned, but no knowledge of ngrx or redux will be assumed.
CONTENTS
0:07 - What we’ll cover
1:14 - Assumptions
2:22 - Motivating example
4:16 - The ngrx pattern
5:09 - State objects are immutable
6:09 - State of designer
6:22 - Aggregating and chasing state
6:58 - Actions cause state changes
7:37 - actions within designer
8:14 - State is returned from pure “Reducer” function
9:08 - Reducer example
10:02 - State is observed
10:58 - Observing state from “outer” containers
11:50 - Inner components are dumb
12:50 - State is sliced
13:52 - Slicing state within example app
14:23 - @Ngrx/entity motivation
15:27 - Entity state interface
16:40 - Extending the state
17:25 - Creating a line
18:12 - The lines reducer
19:14 - The lines reducer, continued
20:48 - Entity selectors made easy
22:20 - Entity selectors made easy. Cont.
23:11 - Angular + SVG
24:38 - Resources
24:45 - Question
RESOURCES
Slides
slideshare.net/wandermote/discussion-of-ngrxentity
Holiday Card Designer demo
stackblitz.com/edit/entity-example
“Official” article introducing entity
medium.com/ngrx
@ngrx/entity API docs
github.com/ngrx/platform/tree/master/docs/entity
Official example app (uses entity in book reducer)
github.com/ngrx/platform/tree/master/example-app
Outstranding and FREE online NGRX source (VERY thorough and even manually creates an entity structure)
ultimateangular.com/ngrx-store-effects
We will do an exploration of ngrx-entity, the new kid on the ngrx block. After exploring what benefits it brings to the table, we will run through a fun example
Other parts of ngrx will be mentioned, but no knowledge of ngrx or redux will be assumed.
CONTENTS
0:07 - What we’ll cover
1:14 - Assumptions
2:22 - Motivating example
4:16 - The ngrx pattern
5:09 - State objects are immutable
6:09 - State of designer
6:22 - Aggregating and chasing state
6:58 - Actions cause state changes
7:37 - actions within designer
8:14 - State is returned from pure “Reducer” function
9:08 - Reducer example
10:02 - State is observed
10:58 - Observing state from “outer” containers
11:50 - Inner components are dumb
12:50 - State is sliced
13:52 - Slicing state within example app
14:23 - @Ngrx/entity motivation
15:27 - Entity state interface
16:40 - Extending the state
17:25 - Creating a line
18:12 - The lines reducer
19:14 - The lines reducer, continued
20:48 - Entity selectors made easy
22:20 - Entity selectors made easy. Cont.
23:11 - Angular + SVG
24:38 - Resources
24:45 - Question
RESOURCES
Slides
slideshare.net/wandermote/discussion-of-ngrxentity
Holiday Card Designer demo
stackblitz.com/edit/entity-example
“Official” article introducing entity
medium.com/ngrx
@ngrx/entity API docs
github.com/ngrx/platform/tree/master/docs/entity
Official example app (uses entity in book reducer)
github.com/ngrx/platform/tree/master/example-app
Outstranding and FREE online NGRX source (VERY thorough and even manually creates an entity structure)
ultimateangular.com/ngrx-store-effects