天天看点

如何搭建组件库(基础实战篇)

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

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

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

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

如何搭建组件库(基础实战篇)

三、如何来搭建组件库?

1.对所有组件进行分类

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

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

Ant里面都属于基础通用组件,不同产品自身肯定还有更多的组件,这个时候需要自己去根据组件功能判断他们的分类。例如:我们可以参考Ant分为基础的7大类。