reactjs开发规范

开发规范

一、关于生命周期的使用

废除的三个旧的生命周期禁止使用(以下为废除的生命周期)

componentWillMount componentWillUpdate componentWillReceiveProps

使用新增的两个生命周期 getDerivedStateFromProps getSnapshotBeforeUpdate

二、提升组件性能

一律使用PureComponent类继承组件 组件中的设计的列表key的值禁止使用索引，使用数据计算的hash值

三、一个组件类内部的编写顺序

一个组件内部的内容的编写顺序如下：

四、容器组件和视图组件，强烈建议代码的视图逻辑与数据交互逻辑分离

区分容器组件和视图组件可以让我们很好的把逻辑和视图区分开。容器组件中包含逻辑，视图组件几乎仅包含render，这样的组合方式更加清晰，解耦性更好。示例如下：

五、数据源唯一

一个组件的数据源可以来自于自身状态state，祖先级的props，仓库store。必须保证表示相同一个状态的数据来源是唯一的。