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
来代替。
时间: 2024-10-06 10:44:38