NGRX Store + Effects

Online course with Todd Motto with Todd Motto

41 lessons

7 hours

ngrx: v4

Master reactive and highly performant state management for Angular apps. Everything you need on structuring data, entities, selectors, the Redux pattern, side effects and immutability, through to preloading, router state and testing. All as we build out a real-world application, end to end.

Reviews

Our Angular docs writers use Ultimate Angular as I couldn’t think of training I trust more to be accurate and promote best practices.

Jules Kremer

Angular Developer Relations, Google

Todd's Angular courses are one of the best online training classes that can be found. His style and structure are very easy to follow. Todd's courses are always top notch and worth every penny!

John Oswalt

Technical Expert for Walmart Technology

Ultimate Angular definitely gives you an edge. Short bursts of knowledge that provide you a way to step up your game. From the start of the fundamental course, I've been flooded with moments of clarity. I knew that I had gone from applying something to actually understanding what I was doing. That's a drastic difference.

Simon Dufour

JavaScript Developer

Stream or download

Learn at home or on the daily commute. Online or offline viewing.

Free lifetime updates

Never stop learning. Each course comes with unlimited updates forever.

Slack community

Get members-only exclusive access to our private community.

Expert trainers

Hand-crafted courses to guide you every step, in the right direction.

Job ready training, real world scenarios, API exploration and teaching.

Trusted by thousands, there's no better place to learn NGRX.

  • Overview, setup and source files

    • Setup instructions Readme

    • Source files Readme

  • Redux Architecture

    • Introduction on State Management 05:26

    • Redux: Three Principles 05:51

    • Redux: Core Concepts 13:16

    • Immutable and Mutable JavaScript 11:26

  • Writing our own Redux Store

    • Setup instructions Readme

    • Project walkthrough and installation 04:01

    • Store creation and initial State 08:06

    • Dispatching Actions 05:35

    • All about Reducers 16:39

    • Store Subscriptions 09:30

    • Actions to Action Creators 14:11

  • Architecture: ngrx/store and components

    • High level ngrx/store 05:28

    • Reactive component architecture 04:00

  • Core Essentials

    • Setup instructions Readme

    • Project Setup and Walkthrough 13:39

    • Action Constants and Creators 08:54

      Free preview
    • Creating and Registering our Reducer 14:43

    • State composition with Selectors 21:40

  • Effects and Entities

    • Concepts of Effects 06:12

    • Our first @Effect 22:23

    • Optimizing Data Structures with Entities 16:27

      Free preview
  • Router State Composition

    • Hooking up @ngrx/router-store 09:32

    • Custom Router State Serializers 13:58

      Free preview
    • Router State and Entity Composition 17:55

  • Extending our State Tree

    • Further Action Creators 10:44

    • Multiple Reducers 11:25

    • Further Effects 11:21

    • Selector Composition 11:16

      Free preview
    • Mapping IDs to Entities 14:49

    • Store Selectors and Async Pipe 10:03

  • Entity patterns, CRUD operations

    • Creating, via Dispatch, Reducer and Effect 14:43

    • Updating, via Dispatch, Reducer and Effect 10:19

    • Deleting, via Dispatch, Reducer and Effect 11:54

  • Routing via Dispatch

    • Router Actions and Effect 14:49

    • Multiple Actions in Effects, Router Actions 10:26

  • State preload and protection via Guards

    • Preloading across multiple Routes 14:40

      Free preview
    • Guards that check Store Entities 10:11

    • One more Guard 05:02

  • Observables and Change Detection

    • OnPush, everywhere 03:48

  • Unit Testing

    • Testing Actions 10:21

    • Testing Reducers 13:02

    • Testing Selectors 18:31

    • Testing Effects 07:09

Elsewhere

Related courses

Related courses

Related courses

Courses are also available separately, dive in below to see each one in depth.

Enterprise licenses

Training for large teams

Looking for a license bigger than 40 users? Get in touch with us with your requirements and we'll give you our best solution for your team to start their Ultimate Angular journey.

Get in touch