NgRx(含 NgRx 数据)- 完整指南(Angular 19)
了解现代 NgRx 生态系统,包括 NgRx 数据、存储、效果、路由器存储、NgRx 实体和 DevTools
讲师:Angular University
双语IT资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
您将学到什么
- Github 存储库中的代码,每个部分都有可下载的 ZIP 文件
- 熟悉集中式存储模式以及如何在 Angular 中使用它
- 了解何时以及为何使用集中式商店解决方案
- 了解如何使用 NgRx Data 以最少的代码处理实体数据
- 深入学习 NgRx Store,详细了解所有核心存储模式,包括 Reducers 和 Actions
- 详细了解 NgRx 效果,了解何时使用副作用
- 详细了解 NgRx Entity,何时使用以及为什么使用,了解其有哪些好处
- 逐步改造现有的 Angular 普通应用程序,并将其转变为基于商店的应用程序
- 学习在 NgRx 中实现常见功能,例如身份验证或实体分页
- 通过实现真实的用例,以有趣且实用的方式深入学习 NgRx
探索相关主题
要求
- 只需要一点点 Angular 和 Typescript
描述
本课程是新 NgRx 生态系统的完整指南,包括 NgRx 数据、存储、效果、路由器存储、NgRx 实体和 DevTools,并附带一个正在运行的 Github 仓库
本课程简介
在前端架构设计选择方面,状态管理是首要考虑的因素。为什么选择在单页应用中进行状态管理?何时进行状态管理?原因是什么?状态管理有哪些优势?又有哪些权衡?
这些都是我们将在本课程中解决的关键问题,因为我们将为您提供 NgRx 生态系统的扩展导览。
Angular 领域最受欢迎的状态管理库是 NgRx,这有充分的理由。NgRx 的最新版本可能是近期整个Angular 生态系统中最重要的版本之一。尽管它向后兼容,但包含了大量新功能,几乎可以说是一个全新的状态管理库。
在底层, Action、Reducers、Effects、Entities 和 Selectors 的核心概念保持不变,但现在我们拥有一个全新的 API,可以更简洁地管理这些概念。此外,我们还加入了NgRx Data,这是一种全新且非常强大的实体数据管理方法。
实际上,NgRx Data 是 NgRx 之上的一个强大的抽象层,它允许我们为应用程序的大部分添加状态管理,而无需编写太多代码!
课程概述
在本课程中,我们将以一个没有任何状态管理的小型现有应用程序为例。我们将通过识别应用程序初始阶段存在的一些问题,来了解不进行状态管理的后果。
然后,我们将开始重构应用程序,并逐步为应用程序的多个屏幕添加状态管理。我们将从应用程序的身份验证功能开始,然后继续进行实体数据管理部分。
我们将详细解释NgRx 的所有关键概念:Actions、Reducers、Effects 和 Selectors,并且我们将详细解释 Store 架构本身并了解其优势。
在整个课程中,我们将逐步介绍并详细解释NgRx Store 模块、NgRx Effects,我们将详细介绍NgRx Entity和 Entity 格式,我们将安装并指导您使用NgRx Dev Tools、NgRx Router Store和时间旅行调试器。
我们还将学习如何充分利用NgRx Data,以及如何对其进行自定义,以便用最少的应用程序代码管理实体数据。我们将在讲解 NgRx 的同时,牢记最佳实践,例如良好的 Action 卫生习惯。
目录
本课程涵盖以下主题:
-
状态管理简介
-
商店架构详解
-
NgRx 关键概念
-
动作和动作创建者
-
Reducers
-
NgRx 效果
-
选择器
-
向 NgRx 应用程序添加身份验证
-
NgRx 实体和实体格式
-
NgRx 开发者工具
-
NgRx 时间旅行调试器
-
NgRx 运行时检查和存储不变性
-
NgRx 路由器商店
-
NgRx 数据和实体状态管理
-
NgRx 最佳实践
您将在本课程中学习什么?
在本课程结束时,您将对状态管理的概念和集中式存储解决方案感到满意
您可以轻松地使用 NgRx 设计新的应用程序,使用简单的方法,您将深入了解完整的 Ngrx 库生态系统:包括 Ngrx Store、Effects、Entity 和 NgRx 数据库
您将了解如何使用 Ngrx Schematics 快速搭建解决方案的各个部分,以及如何从头开始设置 Ngrx DevTools,包括路由器集成
本课程适合哪些人:
- Angular 开发人员希望深入学习现代 NgRx 生态系统,包括 Ngrx Store、Effects、Router Store、Ngrx Entity、DevTools 和 Schematics!
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。