React Conf 2021回顾

2021年12月17日作者：Jesslyn Tannady 和 Rick Hanlon

上周我们举办了第六届React Conf。往年，我们利用React Conf的舞台发布了一些改变行业的重要公告，例如React Native和React Hooks。今年，我们分享了React的多平台愿景，从React 18的发布和逐步采用并发特性开始。

这是React Conf首次在线举办，并且免费直播，并翻译成8种不同的语言。来自世界各地的参与者加入了我们的会议Discord和回放活动，以方便所有时区的参与者访问。超过50,000人注册，19场演讲的观看次数超过60,000次，两次活动中Discord的参与者超过5,000人。

所有演讲均可在线观看。

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

React 18和并发特性

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

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

展望未来，黄玄 (Xuan Huang) 分享了 React Labs 研究团队关于自动 memo 化编译器的最新进展。查看此演讲以了解更多信息和编译器原型的演示。

React 文档主题演讲

Rachel Nabors 以关于我们对 React 新文档的投资的主题演讲拉开了关于学习和使用 React 进行设计的系列演讲的序幕（现已发布为 react.dev）。

还有更多…

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

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

Robert Balicki：重新介绍 Relay。
Eric Rozell 和 Steven Moyes：React Native 桌面版。
Roman Rädle：React Native 的设备端机器学习

以及来自社区关于可访问性、工具和服务器组件的演讲

感谢

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

首先，感谢我们所有的演讲者：Aakansha Doshi，Andrew Clark，Brian Vaughn，Daishi Kato，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，陈梦迪，张 Jean，李 Ricky和黄玄 (Xuan Huang)。

感谢来自React India的Manjula Dube、Sahil Mhapsekar和Vihang Patel，以及来自React China的谢 Jasmine (Jasmine Xie)、李启昌 (QiChang Li)和李延伦 (YanLun Li)帮助审核我们的回放活动，并使其对社区更有吸引力。

感谢Vercel发布他们的虚拟活动启动工具包，会议网站就是基于此构建的，并感谢Lee Robinson和Delba de Oliveira分享他们举办Next.js Conf的经验。

感谢Leah Silber分享她举办会议的经验，以及从举办RustConf中获得的经验教训，以及她的书籍Event Driven及其包含的关于举办会议的建议。

感谢Kevin Lewis和Rachel Nabors分享他们举办Women of React Conf的经验。

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

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

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

感谢我们的合作伙伴HitPlay帮助组织会议，编辑直播中的所有视频，翻译所有演讲，以及用多种语言审核Discord。

最后，感谢所有参与者，让这次React Conf如此精彩！

上一篇如何升级到React 18

下一篇React 18 的计划