Ant Design是什麼?
Ant Design 是一套由中國知名網路公司螞蟻金服所開源出來的 UI 元件庫,提供了一些設計語言,簡單來說就是給了一份套件的基本設定,在不同情況下的程式碼範例,以及每個設計背後代表的意義。
除此之外,Ant Design 的優點還有以下幾項:
- 支援各種常用組件,連很少見的都有
- 有提供 React Component,方便使用
- Table 功能強大,支援分頁、篩選跟排序
- 中英文文件齊全,適合國際企業使用
- 由螞蟻金服維護,更新頻繁穩定度高
提供了將近 50 種的組件可以使用!Ant Design 的涵蓋範圍真的很大,所有常用的 Component 都找得到,有些比較少見的也直接附在裡面了。
實作上要注意的地方
- 首先是表單的挑選,因為後台系統裡面會有超級多表單,所以決定要用哪一個 Library 是很重要的。
- Ant Design 有提供自己的 Form HOC,跟 Ant Design 其他組件的整合很不錯。 Redux Form 的自由度高了許多,可以跟任意的 UI Library 互相搭配使用。
- 可以在 Ant Design 跟真的 App 之間放一層中間層,我稱之為 Component Wrapper。
今天的分享就到這邊~
我們明天見!