如何搭建一个完美的组件库？

如何做一个组件库？本篇文章不会讲一个小的组件如何设计，而是会整体讲一个“逼近完美”的组件库是怎么设计的。

组件库划分

要想设计一个灵活好用的组件库，第一步就是要合理的划分组件，组件的粒度足够细，边界足够清晰，这样才能最大程度地复用组件。

从一张图介绍各种组件的区别，基础组件，也就是与业务功能无关的组件，比如 antd/fusion 中提供的组件，upload， dialog 等等这些。但是只有这些基础组件是远远不够的。

比如，你可能会经常遇到这样的场景：

• 前端开发: 设计师又造“新轮子”了， 为什么就不能本本份份使用 fusion 或者 antd 的基础样式呢？

• 设计师: “我觉得这个基础样式没有灵魂，我觉得这样比较好看”

这种时候，业务组件就有用处了。此时可以利用 fusion 或者 antd 的基础组件，进行二次封装，形成自己产品的独特组件，也称“业务独特领域的组件”。

但事实上，还是有很多场景，他可能会频繁变更，如果开发一个组件，里面的传参等等都可能会不停变更，此时就可以直接用“区块