前言

作为前端或者UI,在开发大型的应用时,很多时候套用开源的组件库如,Element UI, 或者 Chakra UI 也许无法满足网页的设计样式或者具体业务的功能需求,所以作为前端或者UI从业者,需要有自主开发或设计组件库的能力。而一个优秀的组件库,至少要有如下需求:

必要的

  • 有一套完整的设计规范,包括色彩,字体,图标,布局等,并且将这些规范体现在代码中 (通过使用css变量或者sass变量)
  • 简洁的API,方便使用者使用
  • 有一套完整的测试用例,保证组件的稳定性
  • 有一套完整的文档,方便使用者使用
  • 有一套完整的CI/CD流程,方便开发者开发

可选的

  • 优秀的打包体积,支持按需加载
  • 优秀的渲染性能,如支持虚拟列表,图片懒加载等
  • 支持多种主题
  • 优秀的可用性,如支持键盘操作,支持屏幕阅读器等
  • 简洁明了的代码,以及良好的代码风格,方便维护