今天進到了 UI Library 的環節

UI Library

當我們在前端進行 UI 開發時
有時候為了加快開發速度(或懶得開發)
會使用現成的 UI Library
這樣有什麼好處呢

• 避免重複造輪子
  在現成的 UI Library 中
  提供了許多我們在日常開發、設計常用的元件
  也會提供許多 props，方便對元件進行自定義的修改
  也可以再此基礎上，封裝成適合自己專案的元件
  以供更多場景來進行使用

• 統一設計規範
  這樣可以確保你所有的元件，都會在同一個設計風格
  不會東一個樣式，西一個樣式

Ant Design

「Ant Design」是由「螞蟻金服」所開發及維護的 UI Library
經常被 B 端開發或是後台開發所使用
使用的公司，諸如：「螞蟻集團」、「阿里巴巴」... 等知名公司

在專案早期，是使用 Ant Design 來進行開發
後續因為 Ant Design 過於肥大而摒棄不用
目前僅剩 「Form」元件還在使用

原因在於有許多表單的部分都是使用 Ant Design 開發
再者是專案所使用的 Ant Design 版本為 3
新版 Ant Design 的 Form 表單，變動較大
倘若直接升上去，可能會造成許多錯誤，故繼續使用

現在專案若有新的元件要進行開發，都不會使用 Ant Design
而是改以「Chakra UI」替代

明天會介紹 Chakra UI 和 lodestar-app-element

參考文章

Ant Design 介绍