React 性能优化

如何借助工具来发现性能问题，对 React 进行调优？ 在日常的开发中，我们主要借助两个工具： React DevTool & Chrome DevTool

React 15 以及之前的版本有一个主要的问题 —— 虚拟 DOM 的 diff 操作是同步完成的。 这就意味着当页面上有大量 DOM 节点时，diff 的时间可能过长，从而导致交互卡顿、没有反馈。

在介绍 Reselect 的之前，我们首先要知道 Selector 这个概念，那么什么是 Selector 呢？

在性能优化中，有一块很重要的部分 -- 网络性能优化（自动化按需加载）。 什么是自动化按需加载呢？在应用加载的过程中，我们不会将所有的资源一次性加载到前端；而是选择加载页面/功能相关的部分资源。

在项目开发中，性能永远是第一需求，必须时刻考虑性能问题。 如何避免应用出现性能问题，可以考虑这几个方面： 了解常见的性能问题场景、时刻注意代码的潜在性能问题、注重可重构的代码、如何使用工具定位性能问题