分享這幾年工作上遇到的需求,如果有人遇到一樣的需求,希望可以省省他的時間
預計會有Angualr Form、Router、狀態管理、權限管理、Monorepo、Angular library、Verdaccio
前言 前面的狀態管理,我們有提到了 Reactive Forms 的 API,現在讓我們進一步的討論關於 Reactive Forms 的部分。 「我們要如何設...
前言:從巢狀結構到驗證規則 上一篇談過 單層 vs 巢狀表單,用 FormGroup 與 FormArray 對應資料模型。結構搞定後,下一步就是 驗證: 「...
前言:從群組驗證到多筆資料 在上一篇,我們學會了如何處理 群組級驗證與跨欄位邏輯,解決了「欄位之間有依存關係」的問題。 而在實務專案裡,還有一個常見的需求是:...
前言:從動態集合到大型表單 在上一篇(篇三),我們透過購物車、報名表,甚至戲院座位表的案例,體驗了 FormArray 在動態集合中的效果。 不過,實際專案往往...
前言:從拆分表單到自動生成 👉 動態表單 (Schema-driven Forms) 自動生成適用場景 表單欄位不是固定的,而是 後端 API 決定的。 使用...
👉什麼時候該抽取元件?如何設計一個好的元件?怎樣避免過度工程化? 元件化的核心價值 元件化不僅僅是代碼複用,更是關於關注點分離、可測試性和可維護性。一個設計良好...
前言 昨天我們聊了什麼時候該抽元件,相信大家心裡已經有個底了。接下來要討論的是:抽出來的元件要怎麼設計才好用?今天就來分享幾個實戰中最常用到的核心技術 - 雙向...
前言 當專案規模開始變大了之後,在比較有條理的工作流程中,通常會開始建立符合自己專案特色的 UI 元件庫,這裡簡要地談一下 Monorepo ,之後帶到 lib...
前言 在中大型前端專案中,常常會出現多個應用程式共存的情況。例如:公司可能同時開發前台官網、後台管理系統、行動端的管理工具等。這些應用雖然功能不同,但往往會用到...
前言 在前兩天,我們已經討論了 Monorepo 與 Angular Library,並學習如何建立共用的元件函式庫。今天,我們要進一步探討 Library 的...