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 |
What courses are similar to NGRX Store + Effects?
-
Updated 2y agoComplete Angular 2 JS
By: UdemyThis Angular 2 video course is probably the most complete on the Internet to date and this means that it is time to seriously start studying the second Angular.18h 50m5/5 -
Updated 2y agoCreate a Personal Portfolio using Angular 2 & Behance
By: CoursetroThe project you're going to learn how to build is based on a personal portfolio site.2h 8m -
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
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.