React Query / TanStack Query: React 服务端状态管理 | React Query / TanStack Query: React Server State Management

React Query / TanStack Query: React Server State Management

掌握查询、突变、与身份验证的集成、测试等等!

你将会学到的

  • React Query 版本 3 查询、变更和缓存控制
  • 使用 React Query 进行分页、无限滚动和乐观更新
  • 将 React Query 与身份验证集成
  • 测试 React Query

要求

  • React经验
  • 熟悉 React Hooks
  • 对于测试部分,基本熟悉测试库语法

说明

React Query(也称为 TanStack Query)已成为React 应用程序中服务器状态管理的首选解决方案,这是有充分理由的!这种智能、全面的解决方案使您可以轻松地使您的应用程序与服务器上的数据保持同步。

事实上,如果您只是使用 Redux 来管理来自服务器的数据,React Query 可以在您的应用程序中取代 Redux。而且,对于服务器数据管理,React Query 比 Redux 更简单、更强大。例如,React 查询:

  • 跟踪服务器查询的加载和错误状态(无需自己管理!)
  • 在获取更新数据时使缓存的服务器数据可供显示

本课程从一个简单的应用程序开始,以学习React Query 版本 3 的基础知识

  • 查询
  • 加载和错误状态
  • React 查询开发工具
  • 分页和预取
  • 突变

然后我们绕道使用 Star Wars API 来了解无限查询(在用户接近当前数据末尾时获取更多数据)。

最后,我们在一个大型的多组件应用程序上工作,以更详细地了解上述内容,以及

  • 集中加载和错误处理
  • 过滤数据
  • 将 React Query 与 auth 集成
  • 突变后保持数据最新的方法,包括乐观更新
  • 测试React Query

其他值得注意的课程特色:

  • 预先编写的项目用作 React Query 的背景,因此不会浪费时间编写与课程无关的代码
  • 有充足的机会通过定期的“代码测验”进行练习,以确保您理解这些概念
  • 复杂概念的视觉模型,以帮助理解所有移动的部分
  • 主要项目是用TypeScript编写的
  • 支持教师,喜欢在问答中与学生互动

快来看看炒作是什么,并通过更简单、更强大的服务器状态管理来改进您的应用程序!

此课程面向哪些人:

  • 想要学习高效、强大的服务器状态管理系统的 React 开发人员
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » React Query / TanStack Query: React 服务端状态管理 | React Query / TanStack Query: React Server State Management