NGRX Store + Effects
7h 44m 8s
English
Free
Course description
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.
Read more about the course
Requirements
- Angular experience
- Component architecture
- RxJS experience is a bonus
Watch Online
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 |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
NativeScript + Angular: Build Native iOS, Android & Web Apps
Sources: udemy
With 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 real native mobile apps...
20 hours 11 minutes 23 seconds
Build Fullstack Trello clone: WebSocket, Socket IO
Sources: udemy
In this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO . This course is fully focused on fast and deep dive into creat...
8 hours 49 minutes 48 seconds
Learn to build an e-commerce app with .Net Core and Angular
Sources: udemy
Have 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
30 hours 29 minutes 57 seconds
Demystifying Reactivity with Angular Signals
Sources: fullstack.io
Welcome to an insightful journey into building modern Angular applications with signals. This article aims to shed light on the relatively untapped potential of signals in Angul...
1 hour 44 minutes 15 seconds