如何造一个好的组件库【有空就更新】

如何造一个好的组件库

组件库是一个好的想法，因为它可以节省前端开发的时间。
但是当我认真考虑组件库这件事情的时候，发现事情并不简单。

什么是好的组件库？

好的组件库，能够最大限度的提高公司前端开发的效率，项目风格样式的统一，减少设计的重复工作。

如何设计？

设计需要将现有的项目和将来的项目的功能块做一个全面的了解。
目的就是将现有的项目和将来的项目的各个功能点做整理归纳，组件库能够满足项目中的重复出现的元素的每个场景。

• 具象
  • 按钮，按钮的场景，不同的尺寸（通常是 大中小），轮廓（半圆角、全圆角、棱角），背景（纯色、透明、渐变色）。
  • 文本对齐方式，（左/右/居中对齐、文本自适应整个空间）。
  • 文本显示方式，何时换行，何时单行省略。
• 抽象：
  • 组件组装，一个不可拆分的组件，可以作为复杂组件的零件。在设计一个弹框组件时，确认/取消按钮，需要从组件库的按钮组件中取，复杂组件不应当独立于不可拆分组件存在。尽可能的从不可拆分的组件中找适当的按钮来满足。
  • 组件逻辑，一个组件的功能尽可能单一，并不受外界影响。除非定义这个组件的时候就制定规则。