React理念
- 划分组件边界的原则
- React组件的数据种类
- React组件的声明周期
组件的划分
- 高内聚
- 低耦合
React组件的数据
- prop
- state
propTypes检查
现有的babel-react-optimize确保只在发布产品的时候用它。
UI=render(data)
组件的声明周期
- 装载过程（Mount）
- 更新过程（Update）
- 卸载过程（Unmount）
装在过程
- constructor
- getInitialState
- getDefaultProps
- componentWillMount
- render
- coomponetDidMount
更新过程
- componentWillReceiveProps
- shouldcomponentUpdate
- componentWillMount
- render
- coomponetDidMount
卸载过程
coomponetWillUnMount
getDefaultProps
class Sample extends React.component {
constructor(props) {
super(props);
this.state = { foo: 'bar'};
}
}
Sample.defalutProps = {
sampleprop:0
}
componentWillMount
可以在服务器端调用也可以在浏览器端调用
coomponetDidMount
可以在服务器端调用
