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 根據官方總結的規範