iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

Angular 進階實務 30天 系列

分享這幾年工作上遇到的需求,如果有人遇到一樣的需求,希望可以省省他的時間
預計會有Angualr Form、Router、狀態管理、權限管理、Monorepo、Angular library、Verdaccio

鐵人鍊成 | 共 31 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21:Angular Reactive Forms – 表單結構基礎 — 單層 vs 巢狀

前言 前面的狀態管理,我們有提到了 Reactive Forms 的 API,現在讓我們進一步的討論關於 Reactive Forms 的部分。 「我們要如何設...

2025-09-04 ‧ 由 Zoe Wu 分享
DAY 22

Day 22:Angular Reactive Forms –群組驗證與跨欄位邏輯

前言:從巢狀結構到驗證規則 上一篇談過 單層 vs 巢狀表單,用 FormGroup 與 FormArray 對應資料模型。結構搞定後,下一步就是 驗證: 「...

2025-09-05 ‧ 由 Zoe Wu 分享
DAY 23

Day 23:Angular Reactive Forms – FormArray 與動態集合

前言:從群組驗證到多筆資料 在上一篇,我們學會了如何處理 群組級驗證與跨欄位邏輯,解決了「欄位之間有依存關係」的問題。 而在實務專案裡,還有一個常見的需求是:...

2025-09-06 ‧ 由 Zoe Wu 分享
DAY 24

Day 24:Angular Reactive Forms – 跨元件巢狀與大表單拆分

前言:從動態集合到大型表單 在上一篇(篇三),我們透過購物車、報名表,甚至戲院座位表的案例,體驗了 FormArray 在動態集合中的效果。 不過,實際專案往往...

2025-09-07 ‧ 由 Zoe Wu 分享
DAY 25

Day 25:Angular Reactive Forms – 動態表單 (Schema-driven Forms)

前言:從拆分表單到自動生成 👉 動態表單 (Schema-driven Forms) 自動生成適用場景 表單欄位不是固定的,而是 後端 API 決定的。 使用...

2025-09-08 ‧ 由 Zoe Wu 分享
DAY 26

Day 26:何時該抽元件?從視覺相似到業務邏輯的判斷法則

👉什麼時候該抽取元件?如何設計一個好的元件?怎樣避免過度工程化? 元件化的核心價值 元件化不僅僅是代碼複用,更是關於關注點分離、可測試性和可維護性。一個設計良好...

2025-09-09 ‧ 由 Zoe Wu 分享
DAY 27

Day 27:如何寫出可維護的元件?

前言 昨天我們聊了什麼時候該抽元件,相信大家心裡已經有個底了。接下來要討論的是:抽出來的元件要怎麼設計才好用?今天就來分享幾個實戰中最常用到的核心技術 - 雙向...

2025-09-10 ‧ 由 Zoe Wu 分享
DAY 28

Day 28:淺談 Monorepo

前言 當專案規模開始變大了之後,在比較有條理的工作流程中,通常會開始建立符合自己專案特色的 UI 元件庫,這裡簡要地談一下 Monorepo ,之後帶到 lib...

2025-09-11 ‧ 由 Zoe Wu 分享
DAY 29

Day 29:Angular Library – 建立與共用元件

前言 在中大型前端專案中,常常會出現多個應用程式共存的情況。例如:公司可能同時開發前台官網、後台管理系統、行動端的管理工具等。這些應用雖然功能不同,但往往會用到...

2025-09-12 ‧ 由 Zoe Wu 分享
DAY 30

Day 30:版本管理及Verdaccio

前言 在前兩天,我們已經討論了 Monorepo 與 Angular Library,並學習如何建立共用的元件函式庫。今天,我們要進一步探討 Library 的...

2025-09-13 ‧ 由 Zoe Wu 分享