基于React antd二次封裝前端元件庫思路

一、優化元件庫基本需求

1.站在研發效率和時間成本的角度，設計元件庫需要能提高協作效率。

2.設計元件庫能成為團隊的技術資産，新同僚來公司後可以快速調用和上手，就算有同僚離職，也不會對産品的整體體驗造成影響。

3.設計元件庫可以讓産品體驗統一，有助于團隊建立統一的産品品牌認知，友善銷售和營運包裝、營運、策劃産品方案。

二、封裝思路

基于UI做定制化的元件庫具體要做什麼？

1.樣式上：基于開源架構的元件封裝成公司的産品UI設計的特有樣式的元件，以及封裝常用的布局樣式。

2.功能上：沉澱開源架構中沒有的常用元件。

三、開發準則

1.小步快跑快速疊代

對于元件封裝，元件專門的元件組，負責收集使用者使用過程中産生的操作體驗問題，并對問題進行抽象、剝離、彙總，之後對目前使用的元件進行修改優化，值得注意的是元件小組對于元件的更新疊代需要考慮版本号，需要考慮向下相容等問題。

2.測試元件庫的可用性

對于元件的封裝，需要進行完善的測試，對于元件完成後應該組織全員宣講，并準備完善的API文檔、demo執行個體，友善開發人員快速查詢，在使用元件後應同步測試人員進行互動邏輯測試，這裡應該是一個長期工作，建議保持元件疊代。

四、元件的類型劃分

1.按照邏輯和視圖劃分：容器型元件（Container）與展示型元件（stateless）

2.按照狀态劃分：有狀态元件和無狀态元件

3.按照 UI 劃分：布局元件和内容元件

4.純元件和非純元件