如何开发一个组件库

组件库的设计与开发思路？

业务架构设计

• 分层
  • rc-xxx，提供基础组件，只具备功能交互不具备UI表现
  • 样式体系，theming
  • 基础组件
  • 复合组件
  • 业务组件
• 解耦
  • 对每个组件都需要定义样式、ts、类型、基础操作、工具方法
• 响应式设计
  • 媒体查询。media query、ResizeObserver、Gride

状态管理

• 全局状态，基础配置、国际化配置、主题配置
• 局部状态，表单场景，受控/非受控

样式体系与主题设计

• color Tokens:颜色色值系统
• 样式模块化方案：css-in-js