在 React 项目中 immutable 是优化性能的

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 374

Author 回答者: GithubFuzhengshi

使用不可变数据（immutable data）可以在 React 项目中优化性能。不可变数据是指一旦创建就不能被更改的数据，任何更改操作都会返回一个新的数据副本，而不是直接在原始数据上进行修改。在 React 中，使用不可变数据的主要方式是通过使用类似于 Immutable.js 这样的库，或者使用一些技术手段来确保数据不被直接修改。

使用不可变数据的优势在于：

更好的性能： 不可变数据可以帮助 React 更有效地进行虚拟 DOM 的比较。当数据发生变化时，React 需要比较新旧虚拟 DOM 树来确定哪些部分需要更新。使用不可变数据可以减少比较的复杂性，从而提高性能。

易于追踪变化： 使用不可变数据可以更容易地追踪数据的变化，因为每次变化都会产生一个新的数据副本。这对于调试和性能优化都非常有帮助。

避免意外的副作用： 直接修改数据可能导致意外的副作用，特别是在 React 中，直接修改数据可能导致组件不正确地重新渲染。

更好的时间旅行： 在开发者工具中查看 React 组件状态的历史记录时，不可变数据可以确保每个状态都是明确的，并且可以更容易地回溯到之前的状态。

需要注意的是，尽管不可变数据有很多优势，但也可能增加内存使用量，因为每次变化都会创建新的数据副本。在决定是否使用不可变数据时，需要权衡这些优势和缺点，以及项目的具体情况。在一些场景下，使用不可变数据可以显著提高性能，特别是在处理大规模数据时。