如何搭建组件库（基础实战篇）

Posted 2021-03-18

一、搭建组件库有什么好处？

让设计更高效、开发更迅速、产品体验更一致。很多大厂也做了自己的组件库，比如Ant Design，Element等，一个成熟的组件库确实让产品的体验更好，团队的效率更高。如果你也想开始搭建你们产品自己的组件库，希望本文能帮助到你。

二、什么样的模块可以成为组件？

重复使用，如果一个模块需要重复使用，那么可以认为它是一个组件，比如说Search Bar，Tab等。

三、如何来搭建组件库？

1.对所有组件进行分类

参考Ant Design的分类方式，如果你们的开发采用Ant组件库的话，这样子的分类方式对开发小哥哥们也很友好。

提前把所有分类理清楚，后续组件的命名过程也会更加清晰。（最开始自己就是没有理清思路，导致后续很多组件命名不清晰都重新来过，这些都是我含泪为你们踩过的坑）

Ant里面都属于基础通用组件，不同产品自身肯定还有更多的组件，这个时候需要自己去根据组件功能判断他们的分类。例如：我们可以参考Ant分为基础的7大类。蜘蛛表格首席设计师分享