响应式Angular课程(with RxJs, Angular 15)
用简单的RxJs构建反应式的Angular 15应用程序——模式、反模式、轻量级状态管理
讲师:Mustafa Kök
中英文字幕单独处理,翻译流畅,课程资料包齐全!
你将会学到什么?
- Github存储库中的代码,每个部分都有可下载的ZIP文件
- 学习轻量级状态管理技术(仅限RxJ)
- 全面理解反应式编程的核心原理
- 知道如何使用RxJs以Angular的反应式风格构建应用程序
- 学习RxJs应用程序设计模式和反模式目录
课程内容
7 个章节 • 40 个讲座 • 总时长 5 小时 32 分钟
课程要求
- Angular(初学者级别)
- Typescript
- RxJs的一些基础知识
课程说明
本课程是每个Angular开发人员都应该知道的常用设计模式(和一些反模式)的目录。本课程的目标是教你如何使用简单的RxJs以反应式风格舒适地设计和开发Angular应用程序,仅此而已。
本课程附带了一个正在运行的Github存储库,其中包含已完成的代码,以及课程不同部分的起点,以防您想继续编写代码,我们推荐这是最好的学习方式。
本课程回答了一个常见的问题:在只使用普通RxJs而不引入任何状态管理库的情况下,我们能在Angular中走多远?
事实证明,本课程中教授的一套简单技术非常适合各种应用程序,尤其是内部构建的企业应用程序。
在本课程中,您将确切地学习如何使用RxJs来设计和开发应用程序的服务层和视图层,并且您将了解反应式方法的优点和缺点。
特别是当涉及到状态管理时,事实证明我们已经可以通过仅利用普通的Angular和RxJs技术走得很远,而不需要使用额外的状态管理库,例如NgRx。
这些简化的状态管理技术对于大范围的应用程序来说是足够的,我们认为您应该在考虑采用成熟的状态管理解决方案之前首先考虑它们。
用这些技术你能走多远?这就是你将在本课程中发现的。
课程概述
我们将从一个用命令式编写的小角度应用程序开始我们的课程,我们将讨论这种方法的一些问题。然后,我们将重构应用程序,并一步一步地解释如何以反应式方式实现它。
我们将详细解释我们在本课程中遇到的每个RxJs运算符,这是我们第一次需要每个运算符。
我们将首先从一个完全无状态的解决方案开始,但是稍后我们将通过应用一些简单的仅RxJs状态管理技术来改善用户体验。我们将使用这些模式来处理应用程序的一些数据,以及用户身份验证配置文件。
实现轻量级状态管理所需的关键元素是RxJs行为主题,因此我们将在课程中详细介绍这些主题。我们还将为常见的UI功能(如加载指示器或错误消息)提供一步一步的反应式解决方案。
课程涵盖以下主题:
- 对命令式应用程序的评述
- 重构为无状态反应风格,了解好处
- 智能与表示组件
- 无状态可观察服务
- shareReplay运算符
- 无状态UI更新(无状态管理)
- RxJs主题与行为主题简介
- 使用共享可观察服务的解耦组件通信
- 使用Observables使组件在组件树的不同级别上交互
- 反应式的错误处理和错误消息
- 以反应式方式加载指示器
- 使用轻量级RxJs存储改善用户体验
- 乐观UI更新
- 使用普通RxJs管理用户身份验证状态
- 本地与全球服务
- 带有缓存主表的主明细(采用反应式)
- 单数据可观察模式:避免嵌套ng组件标记
- 重构OnPush更改检测的反应式应用程序
- 结论:和要点
这门课你会学到什么?
在本课程结束时,通过利用简单的纯RxJs技术,您将能够轻松地以反应式风格设计和开发Angular应用程序。您将知道如何将简化的反应式状态管理技术应用于不同的常见用例,并且您将理解这种方法的优点和局限性。
您将熟悉一系列通常需要的反应式设计模式,也将熟悉一系列需要避免的常见陷阱。
此课程面向哪些人?
- Web开发人员希望学习如何以反应式风格构建Angular应用程序
- Angular开发人员希望学习轻量级状态管理技术(仅使用RxJs)