iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

Signal API in Angular 系列

My topic is Signal API in Angular and how it has simplified the development since version 16. I will demonstrate signal usage, toSignal/toObservable in RxJS-interop, and other new signal features that revolutionize the change detection lifecycle.

鐵人鍊成 | 共 39 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 - contentChild 函數介紹

Today, I will introduce contentChild that is the signal counterpart of @ContentC...

2024-08-30 ‧ 由 connieleung 分享
DAY 22

Day 22 - contentChildren 函數介紹

今天,我將介紹 contentChildren,它是 @ContentChild 裝飾器 (decorator) 的訊號對應部分。 ContentChildre...

2024-08-31 ‧ 由 connieleung 分享
DAY 23

Day 23 - output 函數介紹

今天,我將介紹與 Output 裝飾器 (decorator) 相對應的 output 函數。 output 函數負責向父組件發送值。output 函數傳回一個...

2024-09-01 ‧ 由 connieleung 分享
DAY 24

Day 24 - 使用 outputToObservable 函數將 OutputEmitterRef 轉換為Observable

output 函數傳回一個 OutputEmitterRef,其他使用者可以訂閱該值來操作該值。 除了 subscribe之外,OutputEmitterRef...

2024-09-02 ‧ 由 connieleung 分享
DAY 25

Day 25 - 使用outputFromObservable函數將Observable轉換為OutputRef

與 outputToObservable 相反的是 outputFromObservable。 此實用程式函數將 Observable 轉換為 OutputrR...

2024-09-03 ‧ 由 connieleung 分享
DAY 26

Day 26 - 將 Decorators遷移到 input、queries 和 output 函數

input()、output()、viewChild()、viewChildren()、contentChild()、contentChildren()、out...

2024-09-04 ‧ 由 connieleung 分享
DAY 27

Day 27 - Signal for state management

Signal 是建立儲存和管理 states 的好工具。對於一個簡單的應用程序,我們可以使用 Angular Signal 建立 store 來管理全域資料 (...

2024-09-05 ‧ 由 connieleung 分享
DAY 28

Day 28 - 使用 Facade Pattern 從 Signal 遷移到 State Management Library

當應用程式較小且簡單時,signal就足以建構 state management 解決方案。當應用程式擴充時,我們應該考慮遷移到開源庫,例如 NGRX、NGRX...

2024-09-06 ‧ 由 connieleung 分享
DAY 29

Day 29 - 測試 Signals

測試 signals 是軟體開發中非常重要的一部分,但由於時間限制,它很容易被開發團隊忽略。 在應用程式中使用 signals、computed signals...

2024-09-07 ‧ 由 connieleung 分享
DAY 30

Day 30 - Angular 和 Signal 的未來

我的觀點是 Signal 是 Angular 的現在與未來。 我的理由: Signal 比 RxJS 更容易學習,因為 API 的方法不足 5 個,而 RxJ...

2024-09-08 ‧ 由 connieleung 分享