Download to read offline
[Angular][WenConf 2024] 那些年，你所不知道的 Angular
- 1. 這些年，你所不知道的 Angular 2024/12/28 -WebConf TW 1
- 2. 2 Leo 李歐 • AngularTaiwan 打雜 工 • iT 邦幫忙 2018、2019、2021 • 大 神來六 角 2020～2023 • devfest Taipei 2023 • COSCUP 2022 • 六 角 學院 - TypeScript 30 天證書 培訓營講師（2024） （陳志龍）
- 3. Angular v19 isavailable!! 2024/11/19
- 4. 這些年，Angular 變了 • DX變得更好（less code） • 程式碼重 用 性更好（同上） • 更 Reactive （Function Programing） • 效能更佳（Signal 、 Zoneless） • Build 速度更外（vite + esbuild）
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. Template - ControlFlow (v17+)
- 23. Old way -NgIf
- 24. New way -NgIf
- 25. Old way -NgFor
- 26. New way -NgFor
- 27. Old way -NgSwtich
- 28. New way -NgSwtich
- 29. Template - Variablesin templates (v18.1+)
- 30.
- 31.
- 34.
- 35.
- 43. idle Triggers whenthe browser is idle. viewport Triggers when speci f ied content enters the viewport interaction Triggers when the user interacts with speci f ied element hover Triggers when the mouse hovers over speci f ied area immediate Triggers immediately after non-deferred content has f inished rendering timer Triggers after a speci f ic duration
- 47.
- 48.
- 49.
- 50.
- 51.
- 53. effect() - usecase • 記錄正在顯 示 的資料以及資料何時發 生 變化， 用 於分析或作為 debug 工 具 • 保持資料與 Storage 同步 • 新增無法使 用 範本語法表達的 自 訂 DOM 行 為 • 對 canvas 、 圖表或其他第三 方 UI 函式庫執 行 自 訂渲染
- 54.
- 55.
- 56.
- 57.
- 58. Recap • v14+：StandaloneComponent、inject() • v16+：Signal、withComponentInputBinding() •v17+：Control Flow、@defer • v18.1+: @let • v19+: LinkedSignal
- 59. Reference • Angular v14is now available! • Angular v15 is now available! • Angular v16 is here! • Introducing Angular v17 • Angular v18 is now available! • Meet Angular v19
- 60. Reference • Angular O ff icialDoc - Control Flow • Introducing @let in Angular