如何搭建組件庫（基礎實戰篇）

1、搭建組件庫有什麼好處？

讓設計更高效、開發更迅速、產品體驗更一致。不少大廠也作了本身的組件庫，好比Ant Design，Element等，一個成熟的組件庫確實讓產品的體驗更好，團隊的效率更高。若是你也想開始搭建大家產品本身的組件庫，但願本文能幫助到你。

2、什麼樣的模塊能夠成爲組件？

重複使用，若是一個模塊須要重複使用，那麼能夠認爲它是一個組件，好比說Search Bar，Tab等。

3、如何來搭建組件庫？

1.對全部組件進行分類

參考Ant Design的分類方式，若是大家的開發採用Ant組件庫的話，這樣子的分類方式對開發小哥哥們也很友好。

提早把全部分類理清楚，後續組件的命名過程也會更加清晰。（最開始本身就是沒有理清思路，致使後續不少組件命名不清晰都從新來過，這些都是我含淚爲大家踩過的坑）

Ant裏面都屬於基礎通用組件，不一樣產品自身確定還有更多的組件，這個時候須要本身去根據組件功能判斷他們的分類。例如：咱們能夠參考Ant分爲基礎的7大類。蜘蛛表格首席設計師分享