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 开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(2)
课程更新了
嗯 多了2分钟 暂时还无法更新