iT邦幫忙

2023 iThome 鐵人賽

DAY 5
0

Ant Design是什麼?

Ant Design 是一套由中國知名網路公司螞蟻金服所開源出來的 UI 元件庫,提供了一些設計語言,簡單來說就是給了一份套件的基本設定,在不同情況下的程式碼範例,以及每個設計背後代表的意義。

除此之外,Ant Design 的優點還有以下幾項:

  1. 支援各種常用組件,連很少見的都有
  2. 有提供 React Component,方便使用
  3. Table 功能強大,支援分頁、篩選跟排序
  4. 中英文文件齊全,適合國際企業使用
  5. 由螞蟻金服維護,更新頻繁穩定度高

提供了將近 50 種的組件可以使用!Ant Design 的涵蓋範圍真的很大,所有常用的 Component 都找得到,有些比較少見的也直接附在裡面了。

實作上要注意的地方

  1. 首先是表單的挑選,因為後台系統裡面會有超級多表單,所以決定要用哪一個 Library 是很重要的。
  2. Ant Design 有提供自己的 Form HOC,跟 Ant Design 其他組件的整合很不錯。 Redux Form 的自由度高了許多,可以跟任意的 UI Library 互相搭配使用。
  3. 可以在 Ant Design 跟真的 App 之間放一層中間層,我稱之為 Component Wrapper。

今天的分享就到這邊~
我們明天見!


上一篇
Day 4 | 發布React專案
下一篇
Day 6 | 套件管理
系列文
30天用React開發運動教室網站6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言