React Query 3 的新特性

---

React Query 3 是 React 团队开发的一个新的库。它是一个查询语言，帮助开发者声明式地指定 React 应用程序的数据需求。

它是 React Query 的第三个版本，最初由 Facebook 开发。现在由社区及其贡献者维护。它允许你以声明的方式查询和修改数据。

它包括自动缓存和陈旧数据处理等功能，可以帮助你的 React 应用程序更上一层楼。如果你正在寻找一个快速、轻量级且易于使用的库，React Query 绝对值得考虑。

在这篇文章中，我们将看看 React Query 3 如何工作，以及它如何帮助简化你的 React 应用程序 -

关于 React Query 的一切

React Query 是一个轻量级的 React 库，使开发者能够在 React 应用程序中获取和管理数据。它提供了一个强大且易于使用的 API，用于在 React 应用程序中获取、缓存和更新数据。

它被设计为与 React 现有的 Hooks API 良好地协同工作，并且可以与任何 React 前端框架一起使用。它提供了对 DOM 的抽象，并使用声明式风格来定义组件如何对其数据中的更新做出反应。

除此之外，它还提供数据驱动的反应性，当某些底层数据发生变化时，组件会自动更新。它还支持嵌套反应性，因此当其他组件依赖于更新时，组件将更新，从而保持 React 原有的声明式工作流程和显式依赖关系图。

React Query 也是单元可测试的，并提供许多功能，使其易于在大型应用程序中使用。

该库的主要优点包括其简单的 API、性能以及能够轻松集成到现有 React 应用程序中。它被开发为轻量级且易于使用，因此它不应该给你的应用程序增加任何明显的开销。

它的工作原理是生成记忆化查询并缓存这些查询的结果。这确保了当用户下次请求相同数据时，React Query 将从缓存中提供数据，而不是查询并重新渲染整个应用程序。

如果你正在寻找一种提高 React 应用程序性能的方法，或者你只是想要一种简单的方法来获取和更新数据，那么 React Query 是正确的选择。

为什么选择 React Query？

React 是 Facebook 用于构建用户界面的 JavaScript 库，由 Jordan Walke 开发。React 通常被称为库或工具，但它也可以用于创建交互式网站和应用程序。

React Query 是一个开源库，它查询你的 React 组件及其后代，使你能够应用全局数据过滤器或更改后代组件的数据上下文。

在构建复杂数据结构时，React 查询是一个强大的工具，它允许开发者编写更少的代码并更多地关注逻辑。使用查询，你可以执行诸如分页、过滤、排序和分组从服务器获取的数据等操作。

特别是 react-query 的 API 功能能够帮助开发者构建自己的组件并在其应用程序中使用它们。

对于需要复杂数据结构或用户交互的应用程序（例如视觉仪表板或基于 Web 的游戏）来说，它是最佳选择。

React Query 3 最值得注意的新特性，即新的浅比较 API 和对卸载子树的支持，对开发者来说是一个巨大的福音。

• 浅比较 API 返回一个包含两个对象之间差异和相似之处列表的对象，使 React 开发人员更容易进行修改并在运行时引入更改。

• 新的卸载功能允许开发者有选择地卸载其组件的一部分，而无需担心在重新加载应用程序时需要保留组件树的哪些部分。这在处理比每秒一次更新更频繁的数据（例如来自社交媒体渠道和股票市场的提要）时特别有用。

React Query 3 的新特性

最新版本的 react-query，即 React Query 3，引入了一些新功能和改进。

它旨在使开发者更容易以声明的方式查询和修改数据，同时仍然提供直观的 API。该 API 包含四种方法：选择、更新、创建和删除。

React Query 3 的一些关键特性包括 -

• 由于延迟数据获取和缓存，性能得到提升。

• 更简单的 API，更易于使用且更灵活

• 支持 React Hooks 用于获取、缓存和更新数据

• 支持 TypeScript

• 以及更多！

其他新特性包括 -

• 它提供了一个声明式的类似 SQL 的查询构建器，允许你以 JS 对象的形式编写查询。查询只是一个 JS 对象，表示要针对数据库执行的 SELECT 语句。

• 新引入的函数 _.raw(value) 确保查询中的值被视为字符串而不是 JSON 对象。这对于将原始二进制数据（如图像或视频）插入到查询中非常有用。

• 主要更新包括 GraphQL，它是一种用于 API 的查询语言，也可以在浏览器中使用。开发人员现在可以使用 gqlgen 和 graphiql-cli 等 GraphQL 生成器轻松编写查询。

新版本还提供了更好的支持和文档，使开发者能够更轻松地创建项目。

如果你正在寻找一种在 React 中获取和管理数据的方法，那么 React Query 3 绝对值得一试。

结论

总之，React Query 3 是一个强大的工具，可以帮助提高应用程序的性能。它易于使用，并提供各种功能，可以帮助你优化应用程序。

本文概述了 React Query 3 的功能。如果你正在寻找关于 React Query 的全面指南，请务必查看 Tutorials Point。