React 的新杀手级文档仅关注功能组件

众所周知，旧版 React 文档在大多数情况下毫无用处，因为它不再反映使用该框架的现代开发方式。在本文中，我们将探索其新文档，并讨论它为何如此出色。

React Hooks 于 2019 年初与 16.8 版本同时发布，迅速流行起来，并在前端社区得到广泛采用。在此版本中，使用基于类的组件编写的复杂性被有状态的函数式组件和其他一些优秀功能所取代。虽然我们可以在文档中找到对这些新功能的详细解释，但大多数示例仍然沿用类。

现在，在革命性变化发生 3 年多之后，React 发布了其文档的 BETA 版本，从其解释中删除了类，并专注于使用带有交互式示例的钩子的现代开发方式。

一旦内容与现有 React 文档同步，我们计划将此网站切换为主网站。旧版 React 网站将存档在子域名下，以便您仍然可以访问。旧版内容链接将重定向到已存档的子域名，该子域名会显示内容过期的通知。—— React BETA 文档

PS 值得注意的是，当我撰写本文时，新内容几乎已 100% 完成。

如果您想了解有关新 React 版本的更多信息，您还可以查看2022 年发布的 Key React 18 功能。

您可以在新的 React 文档中找到什么

虽然这个 React BETA 文档不是很详尽，但我不会逐个主题地介绍，而是在下面重点介绍它的一些主要优点。

快速启动确实是一个非常快速的启动

对我来说，这简直是颠覆性的改变，因为与旧版本不同，现在我们可以通过文档中的交互式代码示例来体验 React 代码。这难道不令人惊喜吗？

完整的介绍，非常简单，解释得很好，对于现在开始学习的人来说不需要设置任何项目。

动图

关于使用 React Effects 的最佳方法的精彩解释

我个人认为他们对 Effects 的解释非常出色。我一直在学习这方面的内容，它肯定会帮助我更好地使用 React 开发代码。

有一些详尽的页面演示了如何停止将 Effects 视为生命周期钩子，而是将其视为与外部系统的同步器。这种混淆的产生是因为我们习惯于将使用 useEffect 钩子的函数式组件与基于类的组件生命周期进行比较，但现在这种做法已经不再有意义了。

另一个精彩内容是“你可能不需要效果”主题，我们可以通过大量用例和交互式代码示例了解如何移除不必要的效果。你可以在下面的视频中找到关于这个主题的精彩总结。

状态管理掌握

我知道这个标题听起来太冒险了，但是这个 React BETA 文档有很多关于如何更好地构建状态以及如何避免与冗余或重复状态相关的错误的内容，等等。

“良好的状态结构可以使组件易于修改和调试，而不会成为持续的 bug 源。” - React 文档

查看“管理状态”部分以及“使用Refs 引用值”主题，以更好地理解 React 中状态的使用。

您可以在新的 React 文档中找到更多知识

我想强调的其他一些内容是：

• React API 参考部分包含用于更快查阅代码片段的所有内容。
• “声明式 UI 与命令式 UI 的比较”主题展示了如何更好地编写声明式 React 组件。
• “渲染和提交” 了解 React 组件渲染过程中的步骤。
• “排队一系列状态更新”主题将解释为什么有时它不起作用以及如何解决它。
• “使用自定义钩子重用逻辑”来了解如何在组件之间共享逻辑。

结论

从基础到高级，这些文档涵盖了学习如何使用现代 React 的最佳功能创建用户界面所需的一切。如果您是 React 新手，本文档中的交互式示例定能为您提供很大帮助。对于经验丰富的 React 开发者，本文档汇集了几个重要的高级概念，一定能帮助您创建更出色的 UI 组件。

让我知道您对 React BETA 文档的看法以及您认为哪个主题对您来说最重要。

下次再见。😁