SuperAPI AI 工具集

practical-react-query

前端与建站

查看项目

更新于 10-16 09:32

技能介绍

用途:这是一个 React Query(TanStack Query)综合指南技能,用于构建采用异步状态管理的现代 React 应用时提供参考。适用于配置 React Query、数据获取与缓存同步、变更与乐观更新、错误处理与重试策略、TypeScript 集成、测试 React Query 代码、性能优化及高级模式与最佳实践。

主要能力(按主题分文件,按需查阅): 入门:01-practical-react-query.md(核心概念、默认值、query keys、自定义 hooks)、23-why-use.md(采用理由)、21-when-not-needed.md(何时不必使用)。 核心概念:08-query-keys.md、09-query-function-context.md、24-query-options-api.md、11-state-manager.md。 数据处理:02-data-transformations.md、10-placeholder-initial-data.md、18-seeding-cache.md、28-selectors.md。 变更与更新:13-mutations.md、25-auto-invalidation.md、27-concurrent-optimistic.md。 状态与错误:04-status-checks.md、12-error-handling.md。 性能:03-render-optimizations.md、26-infinite-queries.md。 集成:06-typescript.md、20-type-safe.md、17-react-router.md、22-context.md、07-websockets.md、15-forms.md。 高级:19-internals.md、14-offline.md、05-testing.md、16-faqs.md。

基本用法(资料给出的示例):使用 useQuery 进行查询,参数为 queryKey 与 queryFn,解构 data、isLoading、error;使用 useMutation 并通过 useQueryClient 在 onSuccess 中 invalidateQueries 使缓存失效;用 new QueryClient() 与 QueryClientProvider 提供 client。

限制:资料未提供具体安装命令、版本要求、收费信息或价格,也暂未提供各参考文件的完整内容,需按需查阅对应文件。