博客

2021 年 React 大会回顾

2021 年 12 月 17 日，Jesslyn Tannady 和 Rick Hanlon 撰写

上周我们举办了第六届 React 大会。往年，我们曾在 React 大会上发布过一些改变行业的消息，比如 React Native 和 React Hooks。今年，我们分享了 React 的多平台愿景，首先是 React 18 的发布以及逐步采用并发特性。

这是 React 大会第一次在线上举办，并免费提供流媒体直播，并翻译成 8 种不同的语言。来自世界各地的参与者加入了我们的大会 Discord 和回放活动，以方便所有时区的用户观看。超过 5 万人注册，19 场演讲的观看次数超过 6 万次，两次活动在 Discord 上的参与者超过 5000 人。

所有演讲都可以在线观看流媒体。

以下是台上分享内容的摘要

React 18 和并发特性

在主题演讲中，我们分享了从 React 18 开始的 React 未来愿景。

React 18 添加了期待已久的并发渲染器，并更新了 Suspense，而没有任何重大的突破性变化。应用程序可以升级到 React 18 并开始逐步采用并发特性，其工作量与任何其他主要版本相当。

这意味着没有并发模式，只有并发特性。

在主题演讲中，我们还分享了我们对 Suspense、服务器组件、新的 React 工作组以及 React Native 的长期多平台愿景的展望。

在此处观看 Andrew Clark、Juan Tejada、Lauren Tan 和 Rick Hanlon 的完整主题演讲

面向应用程序开发者的 React 18

在主题演讲中，我们还宣布 React 18 RC 现已推出，可供试用。在收到进一步的反馈之前，这将是我们明年年初发布到稳定版的 React 版本。

要试用 React 18 RC，请升级你的依赖项

npm install react@rc react-dom@rc

并切换到新的 createRoot API

// before
const container = document.getElementById('root');
ReactDOM.render(<App />, container);

// after
const container = document.getElementById('root');
const root = ReactDOM.createRoot(container);
root.render(<App/>);

有关升级到 React 18 的演示，请在此处查看 Shruti Kapoor 的演讲

使用 Suspense 进行流式服务器渲染

React 18 还包括使用 Suspense 对服务器端渲染性能的改进。

流式服务器渲染允许你在服务器上从 React 组件生成 HTML，并将该 HTML 流式传输给你的用户。在 React 18 中，你可以使用 Suspense 将你的应用程序分解成更小的独立单元，这些单元可以彼此独立地流式传输，而不会阻塞应用程序的其余部分。这意味着用户将更快地看到你的内容，并能够更快地开始与之交互。

有关深入了解，请在此处查看 Shaundai Person 的演讲

第一个 React 工作组

对于 React 18，我们创建了第一个工作组，与专家、开发者、库维护者和教育工作者组成的小组进行合作。我们共同制定了逐步采用策略，并完善了新的 API，例如 useId、useSyncExternalStore 和 useInsertionEffect。

有关这项工作的概述，请参阅 Aakansha' Doshi 的演讲

React 开发者工具

为了支持此版本中的新功能，我们还宣布了新成立的 React DevTools 团队和新的时间线分析器，以帮助开发人员调试他们的 React 应用程序。

有关更多信息和新 DevTools 功能的演示，请参阅 Brian Vaughn 的演讲

没有 Memo 的 React

展望未来，黄玄 分享了我们 React 实验室对自动记忆编译器的研究更新。请查看本次演讲以了解更多信息以及编译器原型的演示

React 文档主题演讲

Rachel Nabors 以关于我们对 React 新文档的投入（现已发布为 react.dev）的主题演讲开始了关于使用 React 进行学习和设计的演讲部分

还有更多…

我们还听到了关于使用 React 进行学习和设计的演讲

来自 Relay、React Native 和 PyTorch 团队的演讲

以及来自社区关于辅助功能、工具和服务器组件的演讲

谢谢

这是我们第一年自己策划会议，我们要感谢很多人。

首先，感谢我们所有的演讲者：Aakansha Doshi、Andrew Clark、Brian Vaughn、加藤大石、Debbie O’Brien、Delba de Oliveira、Diego Haz、Eric Rozell、Helen Lin、Juan Tejada、Lauren Tan、Linton Ye、Lyle Troxell、Rachel Nabors、Rick Hanlon、Robert Balicki、Roman Rädle、Sarah Rainsberger、Shaundai Person、Shruti Kapoor、Steven Moyes、Tafu Nakazaki 和 黄玄 (Xuan Huang)。

感谢所有为演讲提供反馈的人员，包括：Andrew Clark、Dan Abramov、Dave McCabe、Eli White、Joe Savona、Lauren Tan、Rachel Nabors 和 Tim Yung。

感谢 Lauren Tan 建立了大会 Discord 服务器并担任我们的 Discord 管理员。

感谢 Seth Webster 就整体方向提供反馈，并确保我们专注于多元化和包容性。

感谢 Rachel Nabors 带领我们的审核工作，感谢 Aisha Blake 制定了我们的审核指南，领导我们的审核团队，培训了翻译和主持人，并帮助主持了这两场活动。

感谢我们的主持人：Jesslyn Tannady、Suzie Grange、Becca Bailey、Luna Wei、Joe Previte、Nicola Corti、Gijs Weterings、Claudio Procida、Julia Neumann、Mengdi Chen、Jean Zhang、Ricky Li 和 黄玄 (Xuan Huang)。

感谢来自 React India 的 Manjula Dube、Sahil Mhapsekar 和 Vihang Patel，以及来自 React China 的 Jasmine Xie、李启昌 (QiChang Li) 和 李彦伦 (YanLun Li) 帮助主持了我们的重播活动，并使其对社区保持吸引力。

感谢 Vercel 发布了他们的 虚拟活动入门套件（大会网站就是在此基础上构建的），并感谢 Lee Robinson 和 Delba de Oliveira 分享了他们举办 Next.js Conf 的经验。

感谢 Leah Silber 分享她举办会议的经验、举办 RustConf 的收获，以及她的著作 Event Driven 以及其中关于举办会议的建议。

感谢 Kevin Lewis 和 Rachel Nabors 分享他们举办 React 女性大会 (Women of React Conf) 的经验。

感谢 Aakansha Doshi、Laurie Barth、Michael Chan 和 Shaundai Person 在整个规划过程中提供的建议和想法。

感谢 Dan Lebowitz 帮助设计和构建了会议网站和门票。

感谢 Facebook 视频制作团队的 Laura Podolak Waddell、Desmond Osei-Acheampong、Mark Rossi、Josh Toberman 和其他成员录制了主题演讲和 Meta 员工演讲的视频。

感谢我们的合作伙伴 HitPlay 帮助组织了会议、编辑了视频流中的所有视频、翻译了所有演讲并以多种语言主持了 Discord。

最后，感谢所有与会者，是你们让这次 React Conf 会议如此精彩！

上一篇如何升级到 React 18
下一篇React 18 计划