一、搭建組件庫有什麼好處?
讓設計更高效、開發更迅速、產品體驗更一致。很多大廠也做了自己的組件庫,比如Ant Design,Element等,一個成熟的組件庫確實讓產品的體驗更好,團隊的效率更高。如果你也想開始搭建你們產品自己的組件庫,希望本文能幫助到你。
二、什麼樣的模塊可以成爲組件?
重複使用,如果一個模塊需要重複使用,那麼可以認爲它是一個組件,比如說Search Bar,Tab等。
三、如何來搭建組件庫?
1.對所有組件進行分類
參考Ant Design的分類方式,如果你們的開發採用Ant組件庫的話,這樣子的分類方式對開發小哥哥們也很友好。
提前把所有分類理清楚,後續組件的命名過程也會更加清晰。(最開始自己就是沒有理清思路,導致後續很多組件命名不清晰都重新來過,這些都是我含淚爲你們踩過的坑)
Ant裏面都屬於基礎通用組件,不同產品自身肯定還有更多的組件,這個時候需要自己去根據組件功能判斷他們的分類。例如:我們可以參考Ant分爲基礎的7大類。蜘蛛表格首席設計師分享