SlideShare a Scribd company logo
2023/07/29
Angular 原始碼探索之
Signal 篇
Leo 李歐
陳志龍
• LILEE Systems - Front-End Manager
• Angular Taiwan 社群管理員
• 前端精神時光屋 3rd 前端評審
• ⼤神來六⾓ 2020/2021/2022
• 「Angular 深入淺出三⼗天」
• 「Angular Schematics 實戰三⼗天」
• 「Angular 深入淺出三⼗天:表單與
測試」
• Angular 簡介
• Signal 機制概述
• Signal 帶來的優勢
• Signal 在 Angular 中的實作
• 實戰範例
Agenda
• FE Framework (Google)
• High e
ffi
ciency
• Developer friendly
• All in one
Angular 簡介
Signal 機制概述
Signal 帶來的優勢
圖片來源:Angular 🚦 Signals 📡 (The future of Angular)
圖片來源:Angular 🚦 Signals 📡 (The future of Angular)
圖片來源:Angular 🚦 Signals 📡 (The future of Angular)
• 強化狀態管理
• 提升程式的可讀性和可維護性
• 強⼤的非同步處理能⼒
• 更好的性能
• 提升開發效率
Signal 帶來的優勢
Signal 在 Angular 中的實作
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
實戰範例
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Q & A
• Angular & signals. Everything you need to know.
• Angular 🚦 Signals 📡 (The future of Angular)
• Angular OnPush Change Detection and Component Design -
Avoid Common Pitfalls
• The Evolution of Signals in JavaScript
• Building a Reactive Library from Scratch
• Angular Signal Source Code
References
Thank you!!

More Related Content

What's hot (20)

PPTX
Introduction to AngularJS
David Parsons
 
PPTX
가상화 기술과 컨테이너 기술의 차이점과 기대 효과
Opennaru, inc.
 
PPTX
Log management with ELK
Geert Pante
 
PPTX
Introduction to Helm
Harshal Shah
 
PDF
Présentation Angular 2
Cynapsys It Hotspot
 
PPTX
Kubernetes Basics
Rishabh Kumar
 
PDF
Best Practices for Streaming IoT Data with MQTT and Apache Kafka
Kai Wähner
 
PPTX
Backstage at CNCF Madison.pptx
BrandenTimm1
 
PPTX
Intro to Helm for Kubernetes
Carlos E. Salazar
 
PDF
Understanding MicroSERVICE Architecture with Java & Spring Boot
Kashif Ali Siddiqui
 
PPTX
Angular
Mouad EL Fakir
 
PPTX
Autoscaling in Kubernetes
Hrishikesh Deodhar
 
PPTX
Angular overview
Thanvilahari
 
PDF
Kubernetes: A Short Introduction (2019)
Megan O'Keefe
 
PDF
Introduction to Kubernetes Workshop
Bob Killen
 
PDF
Kafka Streams State Stores Being Persistent
confluent
 
PPTX
Serverless integration with Knative and Apache Camel on Kubernetes
Claus Ibsen
 
PPTX
Introduction to angular with a simple but complete project
Jadson Santos
 
PDF
FIWARE Training: NGSI-LD Advanced Operations
FIWARE
 
PPTX
Micro frontend
Amr Abd El Latief
 
Introduction to AngularJS
David Parsons
 
가상화 기술과 컨테이너 기술의 차이점과 기대 효과
Opennaru, inc.
 
Log management with ELK
Geert Pante
 
Introduction to Helm
Harshal Shah
 
Présentation Angular 2
Cynapsys It Hotspot
 
Kubernetes Basics
Rishabh Kumar
 
Best Practices for Streaming IoT Data with MQTT and Apache Kafka
Kai Wähner
 
Backstage at CNCF Madison.pptx
BrandenTimm1
 
Intro to Helm for Kubernetes
Carlos E. Salazar
 
Understanding MicroSERVICE Architecture with Java & Spring Boot
Kashif Ali Siddiqui
 
Autoscaling in Kubernetes
Hrishikesh Deodhar
 
Angular overview
Thanvilahari
 
Kubernetes: A Short Introduction (2019)
Megan O'Keefe
 
Introduction to Kubernetes Workshop
Bob Killen
 
Kafka Streams State Stores Being Persistent
confluent
 
Serverless integration with Knative and Apache Camel on Kubernetes
Claus Ibsen
 
Introduction to angular with a simple but complete project
Jadson Santos
 
FIWARE Training: NGSI-LD Advanced Operations
FIWARE
 
Micro frontend
Amr Abd El Latief
 

More from 志龍 陳 (20)

PDF
[Angular][WenConf 2024] 那些年,你所不知道的 Angular
志龍 陳
 
PDF
你所不知道的 DDD - 文件驅動開發
志龍 陳
 
PDF
這些年,我寫 Angular 時所使用的小技巧
志龍 陳
 
PDF
工程師必須具備的軟實力-產品思維
志龍 陳
 
PDF
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
志龍 陳
 
PDF
工程師必須具備的軟實力-其實溝通很簡單
志龍 陳
 
PDF
工程師必備的軟實力之溝通其實很簡單
志龍 陳
 
PDF
Angular 深入淺出測試篇:E2E測試入門
志龍 陳
 
PDF
Angular 深入淺出測試篇:整合測試入門
志龍 陳
 
PDF
Angular 深入淺出測試篇:單元測試入門
志龍 陳
 
PDF
Angular 深入淺出測試篇:新手入門
志龍 陳
 
PDF
Angular 深入淺出表單篇:新手入門(三)
志龍 陳
 
PDF
Angular 深入淺出表單篇:新手入門(二)
志龍 陳
 
PDF
Angular 深入淺出表單篇:新手入門(一)
志龍 陳
 
PDF
Angular 靜態網站產生器不求人:Scully 新手入門
志龍 陳
 
PDF
Angular 從入門到實戰(四)
志龍 陳
 
PDF
Angular 從入門到實戰(三)
志龍 陳
 
PDF
Angular從入門到實戰(二)
志龍 陳
 
PDF
Angular從入門到實戰(一)
志龍 陳
 
PDF
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
 
[Angular][WenConf 2024] 那些年,你所不知道的 Angular
志龍 陳
 
你所不知道的 DDD - 文件驅動開發
志龍 陳
 
這些年,我寫 Angular 時所使用的小技巧
志龍 陳
 
工程師必須具備的軟實力-產品思維
志龍 陳
 
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
志龍 陳
 
工程師必須具備的軟實力-其實溝通很簡單
志龍 陳
 
工程師必備的軟實力之溝通其實很簡單
志龍 陳
 
Angular 深入淺出測試篇:E2E測試入門
志龍 陳
 
Angular 深入淺出測試篇:整合測試入門
志龍 陳
 
Angular 深入淺出測試篇:單元測試入門
志龍 陳
 
Angular 深入淺出測試篇:新手入門
志龍 陳
 
Angular 深入淺出表單篇:新手入門(三)
志龍 陳
 
Angular 深入淺出表單篇:新手入門(二)
志龍 陳
 
Angular 深入淺出表單篇:新手入門(一)
志龍 陳
 
Angular 靜態網站產生器不求人:Scully 新手入門
志龍 陳
 
Angular 從入門到實戰(四)
志龍 陳
 
Angular 從入門到實戰(三)
志龍 陳
 
Angular從入門到實戰(二)
志龍 陳
 
Angular從入門到實戰(一)
志龍 陳
 
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
 
Ad

Recently uploaded (20)

PPTX
3分钟读懂加拿大劳瑞尔大学毕业证(Wilfrid Laurier University毕业证书)最佳获取方法
7l6mta5fe
 
PPTX
美国学位证书,加利福尼亚大学洛杉矶分校毕业证学历认证UCLA毕业证购买
kaozytf
 
PPTX
3分钟读懂约翰斯·霍普金斯大学毕业证Hopkins毕业证【微信:BYZS866】
iqmiusm9n
 
PPTX
3分钟读懂英国南威尔士大学毕业证(University of South Wales毕业证书)最佳获取方法
70u9aw0ff
 
PDF
杜克大学期末考试成绩修改 安全可靠的技术支持 标签 #杜克大学 #成绩修改 #黑客技术 #安全可靠 在杜克大学,成绩是评价你学术能力的重要指标。我们的...
【微信:VIPhuzhao】揭秘黑客如何利用漏洞篡改成绩数据黑客助力修改雅思考试成绩,快速提升你的语言能力 . 黑客助力帮你改考试成绩数据,黑客接单改分数,黑客改数据库成绩
 
PPTX
3分钟读懂英国伯明翰大学毕业证(University of Birmingham毕业证书)最佳获取方法
yeom64vra
 
PDF
114分科測驗地理試卷114分科測驗地理試卷114分科測驗地理試卷114分科測驗地理試卷.pdf
ssuserd66db11
 
PPTX
3分钟读懂查尔斯达尔文大学毕业证CDU毕业证最佳获取方法
guwztugnu
 
PPTX
3分钟读懂卧龙岗大学毕业证UOW毕业证【微信:BYZS866】
7l6mta5fe
 
PPTX
3分钟读懂皇家墨尔本理工大学毕业证RMIT毕业证最佳获取方法
9sjrd6slz
 
PPTX
3分钟读懂英国伯明翰大学学院毕业证(University College Birmingham毕业证书)最佳获取方法
yeom64vra
 
PPTX
3分钟读懂麦考瑞大学毕业证MQU毕业证【微信:BYZS866】
btsqpfmy
 
PPTX
3分钟读懂英国伦敦南岸大学毕业证(London South Bank University毕业证书)最佳获取方法
emztr6xgi
 
PPTX
英国毕业证(UCL毕业证书)伦敦大学学院毕业证学位认证网
apuoho
 
PPTX
英国学位证书,帝国理工学院毕业证学历认证Imperial College毕业证加急办理
nxebwu
 
PPTX
3分钟读懂墨尔本大学毕业证UniMelb毕业证最佳获取方法
9sjrd6slz
 
PPTX
美国学位证书,伊利诺伊理工大学毕业证学历认证IIT毕业证哪里买
fxqygn
 
PPTX
美国毕业证(GWU,GW毕业证书)乔治华盛顿大学毕业证国外本科学位证
ysaab1
 
PPTX
美国毕业证(Caltech毕业证书)加州理工学院毕业证国外大学毕业证
ayveco
 
PPTX
美国学位证书,亚利桑那州立大学毕业证学历认证ASU毕业证哪里买
fxqygn
 
3分钟读懂加拿大劳瑞尔大学毕业证(Wilfrid Laurier University毕业证书)最佳获取方法
7l6mta5fe
 
美国学位证书,加利福尼亚大学洛杉矶分校毕业证学历认证UCLA毕业证购买
kaozytf
 
3分钟读懂约翰斯·霍普金斯大学毕业证Hopkins毕业证【微信:BYZS866】
iqmiusm9n
 
3分钟读懂英国南威尔士大学毕业证(University of South Wales毕业证书)最佳获取方法
70u9aw0ff
 
杜克大学期末考试成绩修改 安全可靠的技术支持 标签 #杜克大学 #成绩修改 #黑客技术 #安全可靠 在杜克大学,成绩是评价你学术能力的重要指标。我们的...
【微信:VIPhuzhao】揭秘黑客如何利用漏洞篡改成绩数据黑客助力修改雅思考试成绩,快速提升你的语言能力 . 黑客助力帮你改考试成绩数据,黑客接单改分数,黑客改数据库成绩
 
3分钟读懂英国伯明翰大学毕业证(University of Birmingham毕业证书)最佳获取方法
yeom64vra
 
114分科測驗地理試卷114分科測驗地理試卷114分科測驗地理試卷114分科測驗地理試卷.pdf
ssuserd66db11
 
3分钟读懂查尔斯达尔文大学毕业证CDU毕业证最佳获取方法
guwztugnu
 
3分钟读懂卧龙岗大学毕业证UOW毕业证【微信:BYZS866】
7l6mta5fe
 
3分钟读懂皇家墨尔本理工大学毕业证RMIT毕业证最佳获取方法
9sjrd6slz
 
3分钟读懂英国伯明翰大学学院毕业证(University College Birmingham毕业证书)最佳获取方法
yeom64vra
 
3分钟读懂麦考瑞大学毕业证MQU毕业证【微信:BYZS866】
btsqpfmy
 
3分钟读懂英国伦敦南岸大学毕业证(London South Bank University毕业证书)最佳获取方法
emztr6xgi
 
英国毕业证(UCL毕业证书)伦敦大学学院毕业证学位认证网
apuoho
 
英国学位证书,帝国理工学院毕业证学历认证Imperial College毕业证加急办理
nxebwu
 
3分钟读懂墨尔本大学毕业证UniMelb毕业证最佳获取方法
9sjrd6slz
 
美国学位证书,伊利诺伊理工大学毕业证学历认证IIT毕业证哪里买
fxqygn
 
美国毕业证(GWU,GW毕业证书)乔治华盛顿大学毕业证国外本科学位证
ysaab1
 
美国毕业证(Caltech毕业证书)加州理工学院毕业证国外大学毕业证
ayveco
 
美国学位证书,亚利桑那州立大学毕业证学历认证ASU毕业证哪里买
fxqygn
 
Ad

Angular 原始碼探索之Signal 篇