Angular 是怎麼知道畫面該更新的?Signal 出現之後,又改變了什麼?這次會從傳統的 Change Detection 開始,帶大家一步一步理解 Signal 如何追蹤資料變化,以及它和 Angular 原本更新機制之間的關係,最後再看看 Angular 22 中 Signal 帶來的新玩法。
我與 Angular 的相遇 相信講到前端框架,大家第一時間想到的通常會是 Vue、React,甚至也有人會推薦 Svelte 這類近年討論度很高的框架。但一講...
Angular 傳統 Change Detection 傳統 Angular 在監測資料變化時,通常會搭配 zone.js。像是 DOM 事件、Promise、...
昨天我們先試著理解,在 Template 中使用 Signal() 時,Angular 是如何建立依賴關係,並在 Signal 發生變化後,知道哪些 View...
前面我們看過,當 Template 讀取 Signal 時,Angular 會記住「誰依賴了誰」;當 Signal 發生變化後,也會透過 Reactive Gr...
前面我們已經知道,當 Signal 的值發生變化後,Angular 會透過 Reactive Graph 找到受到影響的 Consumer。 不過找到 Cons...
今天來看 Angular Signal 裡一個很重要的非同步資料 API:Resource API。 前面介紹 Signal 時,我們處理的大多都是同步狀態,例...
昨天我們提到,Resource API 本身是一套通用的非同步資料模型,比較適合用在「讀取資料」這類情境,而不是新增、修改或刪除資料這種 Mutation 操作...
前後端在對接 API 時,常見的問題之一,就是雙方對資料格式的定義逐漸不一致。 前端串接 API 時,通常會根據後端提供的 Response 格式,定義對應的...
昨天我們透過 Orval 串起 API Contract,了解如何根據 OpenAPI 規格產生前端需要的型別與 API 呼叫方式。 接下來延續這個基礎,看看後...
昨天我們透過 httpResource() 搭配 chain() 處理兩個非同步資料之間的依賴。下游 Request 需要使用上游資料時,會等上游完成後再繼續;...