如何用好react

1.数据为先

前端界面中包含两部分数据，一种是静态的，一种是动态的。后者由于用户的操作或者和服务器的交互来产生。

静态的内容很容易写，写好html+css就可以了

动态的数据会引起我们dom的更新，我们采用了声明式而非jquery的命令式编程方法，完成了 UI = render(data) 的过程。

前端界面的开发复杂点在交互引起的动态数据的变化，我们一般要做状态管理。

2.为什么要尽量采用无状态组件？

状态管理的复杂性体现在状态的变化过程中涉及多个组件，事件流+数据流的传递分析起来比较麻烦。所以我们将数据尽量集中，而由观察者模式来实现数据的更改与监听。

那么在组件实践中，粒度最低的组件做成无状态的，可以嵌套1-2层父组件，由props来传递数据，而在顶层的组件中借由redux方案来管理数据。这样由无状态组件来管理action，顶层组件负责发布/订阅。

3.由业务分析到状态设计

前端无非数据的增删改查，加上交互引起的事件流，同步或者异步的去更新数据。
业务分析上最好采用两端法，即能从服务器端获取到什么样的数据，应用层需要什么要的数据，服务器数据转化为应用层数据 即 中间逻辑
将视图组件切分成一个个的黑箱，只考虑数据的输入输出，再考虑每一步的用户操作 需要什么样的数据变化。

4.用好生命周期函数

数据在组件间的传递有同步的有异步的，数据的到达也有延迟，所以要用好组件的生命周期。
装载阶段，更新过程，卸载过程