React系列之开发大型网站最佳实践

React最佳实践

author huangteng

前言

react构建应用的细枝末节的问题。看起来无关痛痒，实则关系到整个应用的结构是否合理，实现是否合理，性能是否优化，小细节看出大问题。
整理出一些实践细节，满满的都是套路。不分顺序。

实践

1. 我们是可以在componentDidMount或者componentDidUpdate中去执行ajax  获取数据，但是这样代码臃肿，结构混乱，性能降低，交给rudex吧，ajax的操作都放到action中不是最佳实践吗?

2.  事实证明ajax越来越让我们难以接收了，是不是考虑替代方式，比如websocket，或者是我想说的window.fetch()，虽然只有chrome和ff支持，不过有polyfill嘛，兼容不是问题啊

3.  生命周期函数中的逻辑写太多了不好吧亲，可以想法子丢在render中一部分啊。

4.  this.state = { } 中不要有计算哦亲，什么obj.name + “sss”之类的

5.  其实应该少用state， 用props 挺好

6.  开发过程中对组件树的良好设计可以事半功倍

7.  可以忘记吃饭也不要忘记PropTypes 验证哦

8.  能用三元判断符，就不用 If ，直接放在 render()里

9.  不要把 display logic 写在componentWillReceiveProps或componentWillMount中，把它们都移到 render()中去。(与第3重复，只是强调一下)

10.  合