You need predictable, maintainable and fast apps. You’ll master Actions, Reducers, Data Structures with Entities, Memoized Selectors, the Redux pattern, Side-Effects, Immutability through to Preloading, Router State and Testing. All in a real-world application.
NGRX Store + Effects
7h 44m 8s
English
Free
NGRX Store + Effects is a 41-lesson 7 hours 44 minutes self-paced course by Ultimate Courses (Todd Motto). You need predictable, maintainable and fast apps.
Course facts
- Lessons
- 41
- Duration
- 7 hours 44 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Ultimate Courses (Todd Motto)
- Price
- Free
Requirements
- Angular experience
- Component architecture
- RxJS experience is a bonus
Who teaches NGRX Store + Effects? Ultimate Courses (Todd Motto)
Ultimate Courses (ultimatecourses.com) is the online course platform of Todd Motto, a UK-based Google Developer Expert for Angular and one of the longer-running independent voices on the Angular and TypeScript stack. The platform also covers Vue, RxJS, and JavaScript fundamentals.
The course catalog covers Angular in depth (the framework from its early TypeScript-era through current versions), TypeScript (compiler internals and advanced type-system patterns), RxJS and reactive programming, Vue.js, JavaScript fundamentals, and the broader modern front-end ecosystem. Material is taught at the level of comprehensive reference work rather than introductory tutorial.
The CourseFlix listing under this source carries 9 Ultimate Courses titles spanning that range. Material is paid; Ultimate Courses runs on per-course or membership pricing on the original platform.
What lessons are included in NGRX Store + Effects?
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Introduction on State Management | 05:27 |
| 2 | Redux: Three Principles | 05:52 |
| 3 | Redux: Core Concepts | 13:17 |
| 4 | Immutable and Mutable JavaScript | 11:27 |
| 5 | Project walkthrough and installation | 04:02 |
| 6 | Store creation and initial State | 08:07 |
| 7 | Dispatching Actions | 05:36 |
| 8 | All about Reducers | 16:40 |
| 9 | Store Subscriptions | 09:31 |
| 10 | Actions to Action Creators | 14:12 |
| 11 | High level ngrx/store | 05:29 |
| 12 | Reactive component architecture | 04:01 |
| 13 | Project Setup and Walkthrough | 13:40 |
| 14 | Action Constants and Creators | 08:55 |
| 15 | Creating and Registering our Reducer | 14:44 |
| 16 | State composition with Selectors | 21:41 |
| 17 | Concepts of Effects | 06:13 |
| 18 | Our first @Effect | 22:24 |
| 19 | Optimizing Data Structures with Entities | 16:28 |
| 20 | Hooking up @ngrx/router-store | 09:33 |
| 21 | Custom Router State Serializers | 13:59 |
| 22 | Router State and Entity Composition | 17:56 |
| 23 | Further Action Creators | 10:45 |
| 24 | Multiple Reducers | 11:26 |
| 25 | Further Effects | 11:22 |
| 26 | Selector Composition | 11:18 |
| 27 | Mapping IDs to Entities | 14:50 |
| 28 | Store Selectors and Async Pipe | 10:04 |
| 29 | Creating, via Dispatch, Reducer and Effect | 14:44 |
| 30 | Updating, via Dispatch, Reducer and Effect | 10:20 |
| 31 | Deleting, via Dispatch, Reducer and Effect | 11:55 |
| 32 | Router Actions and Effect | 14:50 |
| 33 | Multiple Actions in Effects, Router Actions | 10:27 |
| 34 | Preloading across multiple Routes | 14:41 |
| 35 | Guards that check Store Entities | 10:12 |
| 36 | One more Guard | 05:03 |
| 37 | OnPush, everywhere | 03:49 |
| 38 | Testing Actions | 10:22 |
| 39 | Testing Reducers | 13:03 |
| 40 | Testing Selectors | 18:33 |
| 41 | Testing Effects | 07:10 |
Recommended next
What courses are similar to NGRX Store + Effects?
-
Updated 2y agoReact, Angular, Node In-Depth Guide: Beginner to Pro
By: UdemyIf you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need80h 1m -
ClassicPROFESSIONAL Full Stack Developer
By: Nelson Djalo (Amigoscode)Are you ready to level up your coding skills and become a full stack professional?54h 23m5/5 -
Updated 2y agoAngular NgRx: Getting Started
By: PluralsightAt the core of state management in Angular is a thorough knowledge of the Redux pattern and the NgRx library. NgRx is a powerful library for organizing and mana4h 5m -
Updated 2y agoBuild an app with ASPNET Core and Angular from scratch
By: UdemyHave you learnt the basics of ASP.NET Core and Angular? Not sure where to go next? This course should be able to help with that. In this course we start from no29h 51m -
Updated 7mo agoNestJS gRPC & Angular
By: Michael GuayIn this lesson, you will learn how to connect a gRPC backend on NestJS to a frontend on Angular .1h 12m -
Updated 2y agoDesktop apps with Angular, Firestore and Electron
By: UdemyThis course takes you on a developer journey where you'll be building a complete desktop application that runs on any platform (Windows, Mac.11h 28m -
Updated 3y agoAngular Basics (v15)
By: Ultimate Courses (Todd Motto)Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Co8h 58m -
Updated 2y agoComplete Angular Developer in 2025 Zero to Mastery
By: Zero To MasteryLearn Angular from a senior industry professional. This is the only Angular course you need to learn Angular.52h 28m
More courses by Ultimate Courses (Todd Motto)
-
FreeUpdated 2y agoAngularJS Fundamentals
Start building modern AngularJS applications with component architecture and best practices. Build modern AngularJS applications.2h 41m -
FreeUpdated 2y agoAngularJS Pro
Get advanced AngularJS skills for scalable apps. The only deep dive into the entire framework. Take your AngularJS skills to the Pro level. Comprehensive Direct7h 23m -
FreeUpdated 2y agoAngular 2 Fundamentals
This course teaches you to make informed decisions by diving deep into real concepts, architecture, and unidirectional dataflow. We then weave our way through t5h 6m -
FreeUpdated 2y agoAngularJS Performance
Performance tuning for fast AngularJS. Master the internal workings and build blazing fast apps. Learn how to write highly performant AngularJS apps and master2h 52m -
Updated 3y agoAngular Pro
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a fin16h 41m5/5 - Updated 3y ago
Angular Basics (v15)
Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Co8h 58m
Frequently asked questions
What prerequisites should I have before taking this course?
Prospective students should have a solid understanding of Angular and JavaScript, as the course builds upon these technologies to teach state management using NgRx. Familiarity with basic Redux principles, such as actions and reducers, will also be beneficial though not essential, as these concepts are reviewed in the course.
What kind of application will be built during the course?
The course involves building a real-world application that utilizes NgRx Store and Effects to manage state. Students will work on creating actions, reducers, and effects, integrating router state, and optimizing data structures with entities, culminating in a maintainable and predictable application architecture.
Who is the target audience for this course?
The course is designed for developers who are already familiar with Angular and want to deepen their knowledge of state management using NgRx. It is particularly beneficial for those looking to implement a more predictable and maintainable architecture in their applications.
How does the depth of this course compare to other state management courses?
This course provides an extensive exploration of NgRx, covering advanced topics such as side-effects, entity data structures, router state integration, and comprehensive testing of actions, reducers, selectors, and effects. It offers a deeper dive than many introductory courses, especially with its focus on real-world applications and testing.
What specific tools and platforms are covered in the course?
The course focuses on NgRx Store and Effects as tools for managing state in Angular applications. It covers related topics like creating and registering reducers, composing state with selectors, and integrating with Angular's router using @ngrx/router-store.
What topics are not covered in this course?
The course does not cover basic Angular concepts or general JavaScript programming, assuming that students already have this foundational knowledge. It also does not delve into non-NgRx state management solutions or broader Redux implementations outside of NgRx.
How much time should I expect to commit to this course?
The course consists of 41 lessons with no specified total runtime. Given the depth of material and the hands-on nature of building a real-world application, students should expect to dedicate significant time to understand and implement the concepts discussed thoroughly.