React 18：术语和功能

今天，React 18 Alpha 版正式发布！这真是个令人振奋的消息，因为上一个主要版本 17 并没有包含任何新功能。

什么是新的？

如果您对新功能感兴趣，我建议您查看GitHub 上的讨论。React 团队在解释新功能方面做得非常出色，而且他们也在积极回答问题。

最重要的是，您无需修改​​现有应用程序代码即可使用 React 18。如果您想使用新功能，可以选择启用，而不是被迫重写大量代码。

好的，就这些吗？

如果你只想知道这些，并且准备好点击上面的链接，那就赶紧行动吧！不过，因为我这个人爱刨根问底，所以还是忍不住去琢磨一下过去一年左右听到的各种术语。以后谈论 React 18 的正确说法是什么呢？

悬念

此功能从 React 16.6 版本开始提供。其理念是，您可以在等待某些代码加载时指定一个加载状态。

<Suspense fallback={<Spinner />}>
  <ProfilePage />
</Suspense>

React 18 的确更深入地探索了 Suspense 的世界。事实上，Suspense 的工作方式已经发生了变化。你可以在GitHub 的讨论中找到更多信息，但这里需要指出术语的变化。具体来说，React 18 之前的 Suspense 实现现在被称为 `Suspense_repository`，Legacy Suspense而新的实现则被称为 ` Concurrent SuspenseSuspense_repository`。为什么呢？让我们来聊聊并发 React 吧！

并发

这是你在各种讨论和博客文章中最常看到的术语。那么，并发 React 究竟是什么呢？“并发”一词用来描述一系列依赖于特定内部实现的新功能。

这包括一些startTransition有助于处理开销较大的状态转换的功能。它还涵盖了SuspenseList协调各种Suspense回退状态的方法。此外还有一些其他主要特性，但最关键的是，并发 React 能够让你的页面保持交互性——即使它们正在执行其他操作。

值得注意的是，这些并不是 React 最终会采用的唯一并发特性，但它们是迈向成功的一大步。

服务器组件

2020 年 12 月，Dan Abramov 和 Lauren Tan 做了一场精彩的演讲，介绍了服务器端组件。在视频中，他们讲解了如何在服务器端编写 React 组件，并将组件的执行结果发送到客户端进行渲染。

这是一个非常酷的演示！……但它并不属于 React 18 的一部分。不过，React 18 确实为未来实现其中一些功能奠定了基础。