跳至主要内容
版本: v18.0.0

中继文档

中继是一个用于 React 的数据管理库,它允许您使用 GraphQL 获取和更新数据。 它体现了多年的学习成果,默认为您提供 **出色的性能**,同时保持您的代码 **稳定且可维护**。

中继将 React 组件的可组合性带入数据获取。 每个组件声明自己的数据需求,中继将它们组合成高效的预加载查询。 其设计的各个方面都是为了使编写组件的自然方式也成为性能最高的方案。

功能

  • 声明式数据:只需声明每个组件需要什么数据,中继将处理加载状态。
  • 共同定位和可组合性:每个组件声明自己的数据需求;中继将它们组合成高效的查询。 当您在不同的屏幕上重用组件时,您的查询会自动更新。
  • 预取:中继会分析您的代码,以便您可以在代码甚至下载或运行之前开始获取查询。
  • UI 模式:中继实现加载状态、分页、重新获取、乐观更新、回滚以及其他难以正确处理的常见 UI 行为。
  • 一致的更新:中继维护一个规范化的数据存储,因此即使组件通过不同的查询访问相同数据,它们也会保持同步。
  • 流式传输和延迟数据:声明式地延迟查询的一部分,中继将在数据流入时逐步重新渲染您的 UI。
  • 出色的开发体验:中继为您提供 GraphQL 架构的自动完成和转到定义。
  • 类型安全:中继生成类型定义,以便在运行时而不是在运行时捕获错误。
  • 管理本地数据:对服务器数据和本地客户端状态使用相同的 API。
  • 高度优化的运行时:中继经过不断优化。 它的 JIT 友好运行时通过静态确定要期望的有效负载来更快地处理传入数据。

堆栈

中继在 Web 和 React Native 上运行——它在 Meta 的这两个环境中都被广泛使用。 它是与框架无关的,并且适用于 Next、React Router、Create React App 等。 它适用于 TypeScript 和 Flow。

中继完全绑定到 GraphQL,因此如果您不能使用 GraphQL,它就不适合您。

中继有一个与 UI 无关的层来获取和管理数据,以及一个 React 特定的层来处理加载状态、分页和其他 UI 范式。 主要在与 React 一起使用时支持它,但如果需要,您可以在 React 之外访问中继数据。 中继的 React 特定部分基于 Suspense,因此如果您使用的是旧版本的 React,则有一些限制。

下一步

从 **教程** 开始——它将逐步引导您构建一个中继应用程序。

此页面是否有用?

通过以下方式帮助我们改善网站: 回答几个简短的问题.