|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/ngrx-course/
课程评论：没有评论
本课程是关于 NgRx 生态系统的完整指南，涵盖了 NgRx Data, Store, Effects, Router Store, NgRx Entity 以及 DevTools。课程将深入探讨状态管理在单页应用中的重要性、必要性、益处及权衡。 NgRx 是 Angular 领域中最受欢迎的状态管理库。最新版本的 NgRx 引入了大量新功能，虽然兼容旧版本，但其新 API 极大地简化了 Actions, Reducers, Effects, Entities, Selectors 等核心概念的管理。特别是 NgRx Data，作为一个强大的抽象层，能够极大地减少管理实体数据的代码量。 课程将以一个未做状态管理的现有应用为例，展示不进行状态管理的弊端，并通过逐步重构，将状态管理引入应用的多项功能，从认证功能到实体数据管理。课程将详细讲解 NgRx 的核心概念，包括 Actions, Reducers, Effects, Selectors，以及 Store 架构的优势。Students are introduced to NgRx Store, NgRx Effects, NgRx Entity and the Entity format, guided through the setup and use of NgRx Dev Tools and the time-travelling debugger, and NgRx Router Store. Emphasis is placed on maximizing NgRx Data's capabilities for entity data management with minimal code, adhering to best practices like Action hygiene. 课程结束后，学员将能够熟练掌握状态管理的概念和集中式存储解决方案，能够使用一套简单的方法论设计新的 NgRx 应用，并深入了解 NgRx Store, Effects, Entity, 和 NgRx Data 等全套库。学员还将学会使用 Ngrx Schematics 快速搭建解决方案，以及配置 Ngrx DevTools 和路由集成。
This course is a complete guide to the new NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools, and comes with a running Github repoThis Course in a NutshellState management is the number one topic to know when it comes to frontend architecture design choices. Why choose to do state management in a single page application, when to do it and why, what are the benefits, and what are tradeoffs?These are all critical questions that we will address in this course, as we give you an extended guided tour of the NgRx Ecosystem.The most popular state management library in the Angular space is NgRx, and for good reasons. The latest release of NgRx is probably one of the most important releases in the whole Angular ecosystem recently. Although backward compatible, it contains so much new functionality that it's almost a brand new state management library.Under the hood, the core concepts of Actions, Reducers, Effects, Entities, and Selectors remain the same, but we have now a brand new API for managing these concepts in a much less verbose way. Also, we have the inclusion of NgRx Data, which is a new and very powerful way of managing Entity Data.Actually, NgRx Data is a powerful abstraction layer on top of NgRx, that allows us to add state management to large parts of our application without having to write much code at all!Course OverviewIn 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.Table of ContentsThis course covers the following topics:Introduction to State ManagementThe Store Architecture In DetailNgRx Key ConceptsActions and Action CreatorsReducersNgRx EffectsSelectorsAdding Authentication to an NgRx ApplicationNgRx Entity and the Entity FormatNgRx DevToolsNgRx Time Travelling DebuggerNgRx Runtime checks and Store ImmutabilityNgRx Router StoreNgRx Data and Entity State ManagementNgRx Best PracticesWhat Will You Learn In this Course?At the end of this course, you will feel comfortable with the notions of state management and the centralized store solution in generalYou will feel comfortable designing new Applications using NgRx, using a simple methodology and you will know in-depth the complete Ngrx library ecosystem: including the Ngrx Store, Effects, Entity, and NgRx Data librariesYou will know how to quickly scaffold parts of the solution using Ngrx Schematics, and how to set up the Ngrx DevTools from scratch, including the router integration
