React 根据官方总结的规范

标签：

1、语法上，根据生命周期方法执行的顺序编写代码

 （1 生命周期方法［getDefaultProps, getInitialState, componentWillMount, componentDidMount,componentWillReceiveProps, shouldComponentUpdate, componentWillUpdate, componentDidUpdate,componentWillUnmount］

 具体的生命周期详解见：http://www.cnblogs.com/daomul/p/4856101.html

 （2 其他的私有方法

 （3 render()方法

2、事件处理函数的命名: “handle+EventName”

<Component onClick={this.handleClick} onLaunchMissiles={this.handleLaunchMissiles} />

3、组件验证

react 组件 都应该完成 propTypes 验证。每一个 this.props 的属性都应该有一个与之对应的propTypes。
避免使用这些没有描述意义的 prop-types:

• React.PropTypes.any
• React.PropTypes.array
• React.PropTypes.object

最好使用：

• React.PropTypes.arrayOf
• React.PropTypes.objectOf
• React.PropTypes.instanceOf
• React.PropTypes.shape

4、能用 props 就不要用 state，这一定程度上可以减少应用程序的复杂度

5、尽量少用jQuery去操作DOM（有必要的话，把jquery插件包装在React组件中）

6、尽量不用例如backbone的模型，可以直接使用 flux action，或者 $.ajax 来代替。

React 根据官方总结的规范

标签：

原文地址：http://www.cnblogs.com/daomul/p/5085270.html