2、React 入门：特性、应用场景与首个应用搭建

React 入门：特性、应用场景与首个应用搭建

1. React 的优势

1.1 性能与可测试性

传统框架在更新 DOM 时，除了必要的更新外，还可能进行一些不必要的更新，这在处理复杂 UI 时会导致性能显著下降，尤其是当网页上有大量动态 UI 元素时，用户体验会变得很差。

而 React 采用了虚拟 DOM 技术，它仅存在于 JavaScript 内存中。每次数据发生变化时，React 会先利用虚拟 DOM 比较差异，只有当确定渲染结果发生改变时，才会更新实际的 DOM。这种方式使得 React 只更新那些绝对必要的部分，确保内部状态（虚拟 DOM）和视图（真实 DOM）保持一致。例如，当修改一个 <p> 元素的文本内容时，只会更新文本（即 innerHTML ），而不会重新渲染整个元素。与重新渲染整个元素集甚至整个页面（如服务器端渲染）相比，性能得到了显著提升。

虚拟 DOM 还带来了一个额外的好处，即可以在不使用 PhantomJS 等无头浏览器的情况下进行单元测试。像 Jest 和 React - Testing - Library 等库，允许直接从命令行测试组件。

1.2 生态系统与社区支持

React 得到了 Facebook 等大型公司开发者的支持，这为其提供了良好的测试环境（在数百万个浏览器中部署），也让开发者对其未来发展更有信心，同时促进了社区贡献的速度。

社区已经为 React 创建了大量优质内容。大多数情况下，当需要某种组件或接口时，只需在网上搜索 “react [组件名称]”，超过 95% 的情况下