前言
作为前端或者UI,在开发大型的应用时,很多时候套用开源的组件库如,Element UI, 或者 Chakra UI 也许无法满足网页的设计样式或者具体业务的功能需求,所以作为前端或者UI从业者,需要有自主开发或设计组件库的能力。而一个优秀的组件库,至少要有如下需求:
必要的
- 有一套完整的设计规范,包括色彩,字体,图标,布局等,并且将这些规范体现在代码中 (通过使用css变量或者sass变量)
- 简洁的API,方便使用者使用
- 有一套完整的测试用例,保证组件的稳定性
- 有一套完整的文档,方便使用者使用
- 有一套完整的CI/CD流程,方便开发者开发
可选的
- 优秀的打包体积,支持按需加载
- 优秀的渲染性能,如支持虚拟列表,图片懒加载等
- 支持多种主题
- 优秀的可用性,如支持键盘操作,支持屏幕阅读器等
- 简洁明了的代码,以及良好的代码风格,方便维护