react性能优化

react性能优化有哪些？ 

react性能是什么？ 

React凭借virtual DOM和diff算法拥有高效的性能，但是某些情况下，性能明显可以进一步提高

在前面文章中，我们了解到类组件通过调用setState方法， 就会导致render，父组件一旦发生render渲染，子组件一定也会执行render渲染

如何做

我们了解到如何避免不必要的render来应付上面的问题，主要手段是通过shouldComponentUpdate、PureComponent、React.memo，这三种形式。

除此之外还有常见的性能优化手段如下：

• 避免使用内联函数

• 服务端渲染

• 事件绑定方式

• 懒加载组件

• 使用 Immutable

• 使用 React Fragments 避免额外标记

总结

 我们了解到react常见的性能优化可以分成三个层面：

• 代码层面
• 工程层面
• 框架机制层面

通过这三个层面的优化结合，能够使基于react项目的性能更上一层楼