# Reactivity 小技巧大變革:掌握 Signals 就這麼簡單! ###### date: `2025-11-04` ###### tags: `大神來六角` --- ## 主持人 - Ayu ## 近期活動 - [TypeScript 實戰課報名中~還有 TS+React 組合可以選擇唷!](https://www.hexschool.com/courses/typescript-training.html) ## 講者介紹 ![20251104](https://hackmd.io/_uploads/BkCszyR0gx.png) ## 直播大綱 React 的核心設計前提是建立在一個重要假設之上:『資料與元件狀態的變化無法事先預測』。 基於此假設,React 必須持續透過 Virtual DOM 的機制,來比對新舊 UI 狀態之間的差異,藉此決定哪些地方需要重新渲染,這個假設帶來了額外的效能成本與複雜度。 但如果,我們推翻這固有的假設呢?如果資料的變化本來就可以精確地被觀測和追蹤,我們還需要使用 V-DOM 進行比對? 這就是 Signal 提出的新視角:資料本身具備觀測性,我們可以透過精細的 side effects 直接處理相關 UI 變動,跳脫 V-DOM 的限制。 在此分享中,我將帶你一步一步認識 Signal 的核心概念。 ## 相關連結 - 提問 Slido:https://app.sli.do/event/u3k56bc2MYYncaXCMA3Q54 - [今日的分享簡報](https://luciano0322.github.io/signal-talk-2025/1) - 關於 Luciano - [Medium](https://medium.com/@LeeLuciano) - [IT 邦個人頁](https://ithelp.ithome.com.tw/users/20129020) - [GitHub](https://github.com/Luciano0322) - [系列文章的實作原始碼](https://github.com/Luciano0322/reactivity_lessons) - [Threads](https://www.threads.com/@luciano_91)