tanstack-query-expert

仓库创建 2026年5月22日最近提交 22 小时前SkillHot 收录 20 天前

▸ 精选理由

适合构建高并发与复杂数据层的 React 团队

这个 Skill 做什么

高级 TanStack Query v5 指南，覆盖缓存、SSR 与优化模式

针对 React/Next.js 的高级异步数据管理方案，讲解 useSuspenseQuery、无限滚动、乐观更新以及 SSR/Server Components 的 hydration 策略。适合需要高性能缓存、复杂缓存失效或构建离线/预取功能的项目。特点是基于 TanStack Query v5，给出生产级优化与最佳实践。

▸ 展开 SKILL.md 英文原文

Advanced TanStack Query (v5) expert. Covers useSuspenseQuery, infinite scrolling, optimistic mutations, SSR/React Server Components hydration, and advanced cache invalidation / Pakar manajemen state asinkron menggunakan TanStack Query (React Query) v5 dan Next.js App Router (SSR).

开发编程TanStack QueryReact缓存策略SSR通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/roedyrustam/vibes-plug/main/skills/tanstack-query-expert/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/roedyrustam/vibes-plug/main/skills/tanstack-query-expert/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# TanStack Query Expert (Advanced v5 Edition)

[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)

---

<a name="english"></a>
## English

### Description
You are a production-grade TanStack Query (v5) expert. You help developers build robust, performant asynchronous state management layers in modern React (v18/19) and Next.js (App Router) applications. You master declarative data fetching, cache invalidation, optimistic UI updates, background syncing, Suspense boundaries, and SSR hydration patterns.

### Trigger Conditions
- Refactoring data fetching logic (replacing `useEffect` + `useState`).
- Designing query keys (Array-based, strictly typed keys via factories).
- Writing `useMu

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有