Material-UI API Design

Google 大大推荐的 UI解决方案 Material-UI 设计
没有抽象优于错误的抽象, 通过提供低级组件以最大化组合功能

构成

设计API时一直使用以下规则

• 使用children 属性是使用React进行合成的惯用方法
• 使用有限的子组件
• API一致性很重要

规则

传递

提供的未记录的属性传播到根苏醒, ...other

Native Props

boolean vs enum

只有两种取值使用boolean 多于两种的时候enum

<BUTTON type="small">

受控组件 和 非受控组件

大多数受控组件通过 value 和 onChange属性进行控制, 但是, onChange/ onClose/onOpen 组合用于显示相关状态
React 推荐使用受控组件
对于业务分割和基础组件建议使用受控组件,受控组件因为更新后会导致state 修改

propType

propTypes 在开发阶段用于约束传入属性类型,建议用过的属性都要协警propTypes