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 agoAngular - The Complete Guide
By: Academind Pro (Maximilian Schwarzmüller)Angular is one of the most popular web development frameworks you can learn these days, especially in the enterprise landscape.26h 25m5/5 -
Updated 3y agoBuild Fullstack Trello clone: WebSocket, Socket IO
By: UdemyIn this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO .8h 49m -
Updated 2y agoComplete Angular Developer in 2023 Zero to Mastery
By: Zero To MasteryLearn Angular from a senior industry professional. This is the only Angular course you need to learn Angular, build enterprise-level applications from scratch &27h 28m -
Updated 1y agoWeb Security Dev Academy - 12-week online program
By: Bartosz PietruchaMaster the full scope of web security and learn to develop secure full-stack applications with reliable authorization, protection against vulnerabilities.16h 37m5/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 6mo agoAdvanced Angular Forms
By: Dmytro MezhenskyiDeep Dive in Angular Forms. The course goes way beyond the official documentation and shows you how the Angular forms work internally, so You understand why thi18h 3m5/5
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 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.