[toc] ## React组件优化 ### 属性传递优化 传递参数的时候要少传，并且公用一份数据  或则直接使用 ``` //类中 handleClick=()=>{ } ``` 不仅绑定事件是这样,一般的属性传递也要注意  可以放在构造函数里(只会生成一次) 另外属性往下传递时，传递需要的部分，不要整个就往下传了。 ### 多组件优化 只要父组件重新渲染，子组件也会重新渲染  #### shouldComponentUpdate So，这种情况就轮到我们的`shouldComponent`登场了 ##### immutable 在shouldComponetUpdate中如果我们要比较的是两个层级比较深的对象，会很难操作的，需要递归比较。 我们不能直接obj1==obj2这样比较，因为如果我们改变obj1是通过obj1.xx这样改变的，那么obj2仍然是obj1的地址，这样判断就不会放行渲染了，纵然内容已经改变。 而如果我们的obj1是被替换成一个新的obj2，这样虽然不会存在地址相同的问题，但可能他们的内容又是相同的， 故，这就轮到`immutable.js`登场了 - Map 类似于对象 - List 有序可重复的列表 类似于数组 - 无需不可重复的 类似于es6 的set #### PureComponent 如果只是`props`（非对象）没有`state`的情况，我们可以让子组件继承`PureComponent`，会自动在shouldComponent触发时比较新旧`props` ### key 不要用索引作为key 因为如果一个数组`[1,2,3,4]`，你把第一项干掉，后面的项的索引都会往前移，但其实它们的内容并没有改变 ## Redux 性能优化 ### reselect  第一个参数也可以是一个数组  ## chrome性能检测 首先在url末尾添加`react_perf`  接着点开`Performance`，点击`record`进行检测  选中要查看的节点 点开UserTiming