React Query / TanStack Query: React 服务器状态管理

React Query / TanStack Query: React Server State Management

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

 学习内容

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

 要求

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

 描述

第5版更新发布!

截至 2024 年 1 月,本课程涵盖 React Query 版本 5。

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

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

  • 跟踪服务器查询的加载和错误状态(无需自己管理!

  • 使缓存的服务器数据在获取更新数据时可供显示

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

  •  查询

  •  加载和错误状态

  •  React Query 开发工具

  • 分页和预取

  •  突变

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

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

  • 集中加载和错误处理

  •  过滤数据

  • 将 React Query 与 auth 集成

  • 在突变后保持数据更新的方法,包括乐观更新

  •  测试 React 查询

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

  • 预先编写的项目用作 React Query 的背景,因此不会浪费时间编写与课程无关的代码

  • 有充足的机会通过定期的“代码测验”进行练习,以确保您理解这些概念

  • 复杂概念的视觉模型,帮助理解所有移动的部分

  • 主要项目是用TypeScript编写的

  • 支持性的教师,喜欢在问答中与学生互动

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

本课程适合谁:

  • 想要学习一个高效、强大的系统来管理服务器状态的 React 开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。