React 数据获取：超越基础知识

React Data Fetching: Beyond the Basics

本课程将教你如何在不依赖第三方库或 useEffect 钩子的情况下以高性能的方式为 React 获取。我们将从头开始构建一个自定义数据获取库，该库将预取、缓存和解决获取数据的所有常见问题。

您将学到什么
React 带来数据时如何重示

用 useeffect 来提取数据有什么问题？

使用库和框架获取数据的优缺点

如何在 React 组件加载之前开始获取数据

如何创建数据缓存以防止数据被重新获取

如何识别和修复网络瀑布流和争用条件

何时以及为何使用 useSyncExternalStore 钩子

tin 如何实现 stale-while-revalidate 缓存方法

如何实现 React 服务器组件的数据获取

利比查特存在数据采集问题。
数据获取是构建 React 应用程序的关键部分，而大多数开发人员都做得不正确。

这主要是因为有许多视频和教程向你展示如何使用 useEffect 钩子获取数据，但也因为 React 文档建议这样做。

但接着又详细说明了使用它的所有问题，例如

效果器不在服务器上运行
Effects 使创建“网络瀑布图”变得容易
Effects 通常意味着您不会预加载或缓存数据
它不是很符合人体工程学
因此，对于小型项目，也许 useEffect 钩子很好，但对于中型到大型项目，它绝对不应该成为数据获取的选项。

您可以继续使用许多流行的框架和库之一来执行此作，但它们有很多功能，并且幕后有很多您可能不需要的魔力。

此外，由于它们是库，因此您可能无法根据您的特定需求对其进行自定义。

本课程如何提供帮助？
在本课程中，您将学习如何从头开始构建数据获取库。

没错，您将从一个空文件开始，理解您编写的每一行代码。并最终得到一个能够;以高性能方式预取和缓存数据，处理加载和错误状态，并实施一种称为 stale-while-revalidate 的缓存技术，该技术将在后台重新获取新数据，同时仍显示旧数据。

但这还不是全部……

该库还将解决 React 中数据获取的两个主要问题，即竞争条件和网络瀑布。

如果您以前没有听说过或遇到过这些问题，那么您很幸运。但是，如果您这样做，此库将为您提供服务。

无论您是想更好地了解 React 中的数据获取的工作原理，还是想为下一个项目构建自定义数据获取解决方案，或者如果您想构建下一个 TanStack 查询，本课程都将帮助您完成所有这些事情以及更多。