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.

參賽天數 10 天 | 共 10 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01 - Angular:從基礎知識到 Signal API

什麼是 Angular? Angular 是一個開源JavaScript 框架,主要用於建立單頁企業應用程式(SPA),其中包含元件(可重複使用建構塊)、服務(...

2024-08-10 ‧ 由 connieleung 分享
DAY 2

Day 02 - 使用基本構建塊建立 Angular 應用程式

在接下來的幾天深入研究 Signal API 之前,我想建立一個簡單的 Angular 應用程式來顯示所有 100 個貼文。 該應用程式演示了該框架的基本構建塊...

2024-08-11 ‧ 由 connieleung 分享
DAY 3

Day 03 - Angular 的 Signal API

Angular 16 中最重要的API就是 Signal API。一個Signal可以持有原始值或物件,當值更新時會通知模板和相依的 Signals。不同於有數...

2024-08-12 ‧ 由 connieleung 分享
DAY 4

Day 04 - Signal的技巧與陷阱

在第3天,我們介紹了Signal API、Computed Signal和Effect。今天,我們將介紹新用戶可能會遇到的Signal技巧和陷阱。 應用 equ...

2024-08-13 ‧ 由 connieleung 分享
DAY 5

Day 05 - Observable 與 Signal 的互通性 第 1 部分 - toSignal

本文至此已介紹了Signal的建立(create)、更新 (update)、擷取 (retrieve) 和衍生 (derivation)。如果我有一些舊的程式碼...

2024-08-14 ‧ 由 connieleung 分享
DAY 6

Day 06 - RxJS 與 Signal 互通性 第 2 部分 - toObservable

昨天,我介紹了toSignal函數,它可以將可觀察序列(Observable)轉換成訊號 (Signal)。事實上,我們也可以使用 toObservable 函...

2024-08-15 ‧ 由 connieleung 分享
DAY 7

Day 07 - ngXtension中的 toObservableSignal - 天使與魔鬼的結合體

我們已經介紹了toSignal和toObservable,並了解了signals和Observables如何互通以實現所需的結果。 今天,我將介紹ngXtens...

2024-08-16 ‧ 由 connieleung 分享
DAY 8

Day 08 - 避免root-level service和 toSignal中的memory leak

第 5 天,我介紹了將Observable轉換為signal的toSignal函數。在我的範例中,我在組件中使用 toSignal`來避免root-level...

2024-08-17 ‧ 由 connieleung 分享
DAY 9

Day 09 - Template-driven form和Signal執行 雙向NgMode綁定

Angular支援template-drive form和reactive form,但是,signal容易與template-driven form配合使用。...

2024-08-18 ‧ 由 connieleung 分享
DAY 10

Day 10 - Signal API - 我們可以在Effect中做什麼?

在第3天和第4天,我簡要介紹了effect,例子是記錄各種signal的值。根據我的經驗,effect不僅僅是記錄signal的值。一些例子是, 向伺服器發出...

2024-08-19 ‧ 由 connieleung 分享