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?
-
FreeUpdated 2y agoAccelerating Through Angular 2
By: Code SchoolAccelerating Through Angular 2 — build dynamic web applications with Angular and TypeScript. Components, services, routing, and reactive forms covered.1h 4m -
Updated 2y agoAngular - The Complete Guide (2023 Edition)
By: UdemyAngular 9 simply is the latest version of Angular 2, you will learn this amazing framework from the ground up in this course! Join the most comprehensive, popu34h 58m -
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 2y agoAngular and Golang: A Practical Guide
By: UdemyAngular and Golang: A Practical Guide — build a fullstack app with Angular front-end and a Go REST API. Real-world clean-code patterns.6h 35m -
FreeUpdated 2y agoAngular 2 Fundamentals
By: Ultimate Courses (Todd Motto)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 -
Updated 2y agoConscious Angular Testing
By: Dmytro MezhenskyiWrite Tests Consciously. At the end of the course, you will be able to write and debug tests with a full and in-depth understanding of what you are doing and ho10h 37m -
Updated 3y agoNativeScript + Angular: Build Native iOS, Android & Web Apps
By: UdemyWith Angular (2+), you can already build highly reactive and engaging web apps. Wouldn't it be amazing to use that same tech stack and knowledge to build.20h 11m -
![The Modern Angular Bootcamp [2020] thumbnail](https://cdnq.courseflix.net/course/thumbnail/the-modern-angular-bootcamp-2020-160x90.webp "The Modern Angular Bootcamp [2020] thumbnail")
FreeUpdated 2y agoThe Modern Angular Bootcamp [2020]
By: Udemy, Stephen GriderAngular has been under development by Google for nearly a full decade. It has one purpose: scale up to gracefully handle the largest and most complex web apps a45h 23m
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 ago
Angular 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 agoAngular 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.