如何搭建組件庫(基礎實戰篇)

一、搭建組件庫有什麼好處?

讓設計更高效、開發更迅速、產品體驗更一致。很多大廠也做了自己的組件庫,比如Ant Design,Element等,一個成熟的組件庫確實讓產品的體驗更好,團隊的效率更高。如果你也想開始搭建你們產品自己的組件庫,希望本文能幫助到你。

二、什麼樣的模塊可以成爲組件?

重複使用,如果一個模塊需要重複使用,那麼可以認爲它是一個組件,比如說Search Bar,Tab等。

如何搭建組件庫(基礎實戰篇)
三、如何來搭建組件庫?

1.對所有組件進行分類

參考Ant Design的分類方式,如果你們的開發採用Ant組件庫的話,這樣子的分類方式對開發小哥哥們也很友好。

提前把所有分類理清楚,後續組件的命名過程也會更加清晰。(最開始自己就是沒有理清思路,導致後續很多組件命名不清晰都重新來過,這些都是我含淚爲你們踩過的坑)

Ant裏面都屬於基礎通用組件,不同產品自身肯定還有更多的組件,這個時候需要自己去根據組件功能判斷他們的分類。例如:我們可以參考Ant分爲基礎的7大類。蜘蛛表格首席設計師分享

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章