Contents
使用純 RxJs 以 reactive style (反應式風格) 建構 Angular 16 應用程式 – 模式、反模式、輕量級狀態管理
從這 5.5 小時的課程,你會學到
- Github repository 中的程式碼,每個部分都有可下載的 ZIP 檔案
- 學習輕量級狀態管理技術(僅限 RxJs)
- 總體理解響應式程式設計的核心原則
- 了解如何使用 RxJs 以 reactive style 格在 Angular 中建構應用程式
- 學習 RxJs 應用程式設計模式和反模式目錄
要求
- Angular (初級)
- Typescript
- 一些 RxJs 基礎
課程說明
本課程簡而言之
本課程是每個 Angular 開發人員都應該知道的常用設計模式(和一些反模式)的目錄。 本課程的目標是教您如何僅使用普通的 RxJs 以 reactive style 舒適地設計和開發 Angular 應用程式,僅此而已。
本課程隨附一個運行中的 Github repository,其中包含已完成的程式碼,以及課程不同部分的起點,在您想一起編寫程式碼時使用,我們建議這是最好的學習方式。
本課程回答了一個常見問題:在不引入任何狀態管理程式庫( state management library )的情況下,我們可以在僅使用普通 RxJ 的情況下在 Angular 中走多遠?
事實證明,本課程中教授的一組簡單技術非常適合廣泛的應用程式,尤其是內部建構的企業應用程式。
在本課程中,您將確切地學習如何使用 RxJs 來設計和開發應用程式的服務層和視圖層,並且您將了解反應式方法( reactive approach )的優點和缺陷。
特別是在狀態管理方面,事實證明我們已經可以通過僅利用普通的 Angular 和 RxJs 技術走得很遠,而無需使用額外的狀態管理程式庫,例如 NgRx。
這些簡化的狀態管理技術足以滿足大範圍的應用程式,我們認為您在考慮採用成熟的狀態管理解決方案之前應該首先考慮它們。
您可以使用這些技術走多遠? 這就是您將在本課程中了解到的內容。
課程大綱
我們將從一個以命令式風格編寫的小型 Angular 應用程式開始我們的課程,我們將討論這種方法的一些問題。 然後,我們將重構應用程式並逐步解釋如何以反應式方式實現它。
我們將詳細解釋我們在本課程中遇到的每個 RxJs 運算符,這是我們第一次需要每個運算符。
我們將首先從一個完全無狀態的解決方案開始,但稍後我們將通過應用一些簡單的 RxJs-only 狀態管理技術來改善用戶體驗。 我們將使用這些模式來處理應用程式的一些資料,以及用戶身份驗證配置檔案。
實現輕量級狀態管理所需的關鍵元素是 RxJs 行為主題,因此我們將在課程中詳細介紹這些內容。 我們還將為常見的 UI 功能(如加載指示器或錯誤訊息)提供分步響應式解決方案。
目錄
本課程涵蓋以下主題:
- 審查以命令式風格編寫的應用程式
- 重構為無狀態 reactive style,了解其好處
- 智能( Smart ) vs 展示( Presentational )的組件
- 無狀態可觀察服務
- shareReplay 操作符
- 無狀態 UI 更新(無狀態管理)
- RxJs Subject 和 BehaviorSubject 簡介
- 使用共享可觀察服務的解耦組件通信
- 使用 Observables 讓組件在組件樹的不同級別進行互動
- reactive style 的錯誤處理和錯誤消息
- 以 reactive style 加載指標
- 使用輕量級 RxJs 存儲改善用戶體驗
- 樂觀的 UI 更新
- 使用純 RxJs 管理用戶身份驗證狀態
- 本地與全球服務
- 具有反應式( reactive )快取主表的主細節
- 單一數據可觀察模式:避免嵌套的 ng-component 標籤
- 將響應式應用程式重構為 OnPush 變化檢測
- 結論和要點
您將在本課程中學到什麼?
在課程結束時,您將通過利用純 RxJs-only 技術輕鬆地以 reactive style 設計和開發 Angular 應用程式。 您將知道如何將簡化的反應式狀態管理技術應用於不同的常見用例,並且您將了解這種方法的優點和局限性。
您將熟悉一系列常用的響應式設計模式,還將熟悉一系列需要避免的常見陷阱。
目標受眾
- 希望學習如何建構 reactive style 的 Angular 應用程式的 Web 開發人員
- 希望學習輕量級狀態管理技術的 Angular 開發人員(僅使用 RxJs)
講師簡介
Angular University 最暢銷的 Angular 課程 | 10 萬多名學生 | 16門課程
大家好,我是 Vasco Cavalheiro,是 Angular University 的線上講師。
多年來,我已經幫助超過 10 萬名開發人員學習了 Angular 框架及其周圍的技術生態系統。
在右上角的鏈接部分查看我的 Linkedin。
關於 Angular University:
Angular University 的目標是成為您學習和跟上整個 Angular 生態系統的地方。我們提供優質的視訊教程,螢幕操作風格。
無論您是 Angular 的初級、中級還是高級,我們都有幾門課程適合您。
更多關於我:
我是一名擁有多年經驗的軟體開發人員,非常擅長使用 Angular 建構用戶界面。多年來,我一直在各種企業項目中擔任前端開發人員/架構師。
我從事過大量專案,從幫助建構歐洲犯罪記錄資訊交換系統的單頁應用程式,到全新的電子銀行門戶,再到企業銀行門戶,等等。我一直是內部框架團隊的重要成員,該團隊為數十名開發人員的內部部門建構框架。
我也喜歡教授、寫作和談論技術。我期待成為您的 Angular 講師,
親切的問候,
Vasco
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- Angular 相關線上課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入