React 学习笔记（25）：React 17，面向未来的 React

2024-02-07 07:43:36

在前面的学习中，我们从基础到原理再到生产实践，逐步建立起对 React 的系统且深入的认知。最近，React 17 版本正式面世，但 React 17 到底意味着什么，或许有不少人会感到一头雾水。因此，在本专栏的最后一讲，我们先来一起聊聊面向未来的 React——React 17。

React 17 是 React 团队历经两年精心打磨的成果，它带来了许多激动人心的新特性，包括：

Hooks 的正式发布。 Hooks 是 React 在 16.8 版本中引入的全新 API，它使函数组件也能拥有状态和生命周期的方法，极大地简化了组件的编写。在 React 17 中，Hooks 终于正式发布，这意味着它已经完全稳定可靠，可以放心使用。
性能优化。 React 17 在性能方面也有了很大的提升。它改进了虚拟 DOM 的 diff 算法，减少了不必要的渲染，从而提高了应用程序的性能。
悬浮。 悬浮是一个新的并发特性，它允许在主线程繁忙时将低优先级的更新推迟到空闲时间再执行。这可以防止应用程序在繁忙时出现卡顿或崩溃。
并发。 并发是一个新的特性，它允许应用程序同时处理多个任务。这可以提高应用程序的响应速度，并使应用程序能够更好地利用多核 CPU。
Server Components。 Server Components 是一个新的特性，它允许在服务器端渲染 React 组件。这可以减少客户端的初始渲染时间，并提高应用程序的性能。

React 17 的发布对 React 社区来说是一个重大的事件。它带来了许多激动人心的新特性，极大地改进了 React 的性能和开发体验。相信在不久的将来，React 17 将成为 React 开发者的首选版本。

如果你想升级到 React 17，可以按照以下步骤操作：

将 React 和 ReactDOM 库的版本更新到 17.0.0 或更高。
将所有使用到的第三方库更新到与 React 17 兼容的版本。
如果你使用的是 Create React App，可以运行 npx create-react-app my-app --template @craco/cra-template-react-17 来创建一个新的 React 17 项目。
将你的现有代码移植到 React 17 中。