前言 接下來一連好幾天都要講 Shell 該怎麼處理 Signal，各位還記得之前在 Day04 有講過基本的 Process 觀念嗎，而 Process 之間...
前言 今天會用到 Go 裡面 Goroutine 跟 Channel 的語法，如果不太熟悉的話建議先看看我去年寫的 Go 語法 III 還記得昨天有提到 S...
引言 React 的核心設計，是建立在一個重要假設之上：「資料與元件狀態的變化無法事先預測」。基於這個假設，React 必須持續透過 Virtual DOM（虛...
在第3天，我們介紹了Signal API、Computed Signal和Effect。今天，我們將介紹新用戶可能會遇到的Signal技巧和陷阱。 應用 equ...
什麼是 Angular？ Angular 是一個開源JavaScript 框架，主要用於建立單頁企業應用程式(SPA)，其中包含元件（可重複使用建構塊）、服務（...
Angular 團隊在 Angular 版本 19 中發布了 resource 和 rxResource 函數，以方便資料檢索。resource 的 loade...
為何需要 Signal？ 有了第一篇的概念之後，相信大家都已經在心中埋下懷疑的種子，那我們來重新審視一下 React 是怎麼處理 state 的吧! 相信大家對...
Angular 16 中最重要的API就是 Signal API。一個Signal可以持有原始值或物件，當值更新時會通知範本和相依的 Signals。不同於有數...
本文至此已介紹了Signal的建立(create)、更新 (update)、擷取 (retrieve) 和衍生 (derivation)。如果我有一些舊的程式碼...
我的觀點是 Signal 是 Angular 的現在與未來。 我的理由： Signal 比 RxJS 更容易學習，因為 API 的方法不足 5 個，而 RxJ...
前言 有了前面幾篇的解釋，相信大家已經對 Signal 和 Fine-grained Reactivity 的概念有初步的認識，今天我們就回到開篇內容的主軸，接...
計算訊號快取錯誤 計算訊號中的錯誤快取是 Angular 19.1.2 中的新功能。當 equal 函數拋出錯誤時，計算訊號會快取該錯誤。當讀取該值時，計算訊號...
Angular 19 中引入的新 LinkedSignal 功能透過允許訊號 (signal) 直接連結到來源值，提供了管理反應狀態 (reactive sta...
引言 在上一篇中，我們拆解了 Dependency Tracking 的核心概念與執行原理，本篇將焦點放在 React 的 dependency 模型：它的特性...
在 Angular 16 中，withComponentInput 可以將路由資料綁定到Input decorator。相同的功能也適用於signal inpu...
前端 Reactivity 三路線，究竟差在哪？ 我們常在 Signal / Proxy / Virtual DOM 之間搖擺：哪個更快？哪個更好維護？ 如果把...
元件通訊 (component communication) 是元件架構裡面重要的一環，其中父元件向子元件提供輸入，子元件將結果傳回給其父元件。 我將示範 An...
為什麼需要這篇？ 後面我們會用「閉包保存狀態」的方式來寫 signal()，並以「物件解構」來取值與改值（const { get, set } = signal...
Change Detection 的歷史 Angular 團隊在企業應用程式的效能方面做出了許多改進。 組件中的 Change Detection 的預設值是C...
從 Angular 17 開始，團隊開始將 decorators 遷移到 signals。第一個是 @Input decorator 和對應的 signal i...
更新儲存在 Angular 訊號中的 Map 時可能會出現微妙的錯誤，這主要是由於 change detection 如何與物件引用 (object refer...
前言 昨天已經成功讓 Shell 接到 Signal 而且不被打死，今天要來看看怎麼把 Signal 送給正在執行的 Process 程式流程 因為使用者按下...
承先啟後的發展 2010 年的 Knockout.js 首度將 Observable / Computed 帶進前端，讓「資料自己開口，UI 跟着動」成為可行路...
我觀看了 YouTube 視頻，其中 Angular 團隊負責人 Alex Rickabaugh 不鼓勵使用 effect。 然後，他示範了一種用 comput...
Introduction 在 Angular 19 中，實驗性生命週期鉤子 afterRenderEffect 允許開發人員更新 DOM。 與 afterNex...
input()、output()、viewChild()、viewChildren()、contentChild()、contentChildren()、out...
什麼是 Dependency Tracking？ Dependency Tracking（依賴追蹤）是一種用於自動收集並記錄資料間依賴關係的技術，能夠讓系統在資...
前情提要 接續前一篇的 Reactivity 核心概念講解內容，我們透過這一篇的內容帶大家釐清 Pull-based 與 Push-based 這兩個模式差異。...
我來推廣一套好了 Signal中文化很完整採用贊助制桌面版本手機版本都OK使用習慣跟LINE類似也就和 SKYPE 類似 還有訊息自動焚毀功能 https://...
Observable 是惰性的；因此，除非被訂閱，否則它不會發出值。另一方面，訊號始終具有值，包括 toSignal 函數建立的訊號。雖然 toSignal 函...
iThome鐵人賽
看影片追技術
看更多
盧承億 Larry Lu
LucianoLee
connieleung