架构设计

• 分层
  • 基础组件
  • 样式体系
  • 复合组件
  • 业务组件
• 解耦
  • 对于每个组件都要定义：样式、ts 类型、基础操作、工具方法
• 响应式设计

状态管理

• 状态管理
  • 全局状态：在 react 使用 Context、useSyncExternailStore
  • 局部状态：受控组件，非受控组件

样式体系与主题设计

• Color Tokens : 颜色色值系统
• 样式模块化方案：css-in-js、emotion（建议试一试）、styled-compontents
• 样式优先级与覆盖：控制样式优先级