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:
最好使用:
4、能用 props 就不要用 state,这一定程度上可以减少应用程序的复杂度
5、尽量少用jQuery去操作DOM(有必要的话,把jquery插件包装在React组件中)
6、尽量不用例如backbone的模型,可以直接使用 flux action,或者 $.ajax 来代替。
原文:http://www.cnblogs.com/daomul/p/5085270.html