NgRx (with NgRx Data) – The Complete Guide (Angular 17)

Descriptions

NgRx (with NgRx Data) – The Complete Guide (Angular 17), In this course, we are going to take a small existing application that is built without any state management. We are going to understand what are the consequences of not doing state management by identifying some problems that the application has in its initial form. Then we are going to start refactoring the application, and we are going to add state management to the application multiple screens step-by-step. We are going to start with the Authentication features of the application, and then we are going to move on to the entity data management part. We are going to explain at length all the key concepts of NgRx: Actions, Reducers, Effects, and Selectors, and we are going to explain in detail the Store architecture itself and understand its benefits. Throughout the course we are going to introduce step-by-step and explain in detail the NgRx Store module, NgRx Effects, we are going to cover in detail NgRx Entity and the Entity format, we are going to install and do a guided tour of the NgRx Dev Tools, the NgRx Router Store, and the time-travelling debugger. We are also going to learn how to make the most out of NgRx Data, and learn how to customize it in order to manage entity data with minimal application code. We will cover NgRx while keeping in mind best practices like good Action hygiene.

What you’ll learn

• Code in Github repository with downloadable ZIP files per section
• Become familiar with the centralized store pattern, and how to use it in Angular
• Know when to use a centralized store solution and why
• Learn how to use NgRx Data to handle entity data with minimal code
• Learn In-depth NgRx Store, understand in detail all core store patterns, including Reducers and Actions
• Learn in detail NgRx Effects, learn when to use a side-effect
• Learn in detail NgRx Entity, when to use and why, learn what are the benefits
• Transform step-by-step an existing Angular plain application, and turn it into a store based application
• Learn to implement common functionality in NgRx, such as Authentication or Entity Pagination
• Learn NgRx in-depth in a fun and practical way, by implementing real use cases

Who this course is for

• Angular Developers looking to learn in-depth the modern NgRx Ecosystem, including Ngrx Store, Effects, Router Store, Ngrx Entity, DevTools and Schematics!

Requirements

• Just a little bit of Angular and Typescript