自定义UI组件库

650 阅读1分钟

前期准备

1. 表单处理

react hook form:提供受控式表单组件开发
rc-form: antd的底层ui框架,受控式表单组件

2. 文档

react-StyleGuidist:基于react-docgen解析文件,使用markdown文档,实现文档自动化,免去手写文档的痛苦,把更多精力专注于优质组件的开发中
ts版:react-docgen-typescript,基于interface信息生成文档
father: umi正在使用的, npm i father -g

3. 构建可共享组件

  1. storybook:支持交互式开发和测试组件,独立于应用程序开发组件,有助于提高组件的可重用性
  2. dumi:开箱即用,使用umi语法
  3. bisheng: ant-design正在使用,可借鉴其它私有化定制部分,让文档界面做得更精致美观