react-query
來自 TkDodo 權威指南的 TanStack 查詢(React Query)最佳實踐和模式。在編寫、審查或調試 React Query 代碼(包括查詢、突變、緩存、樂觀更新和 TypeScript 集成)時使用。在 useQuery、useMutation、useInfiniteQuery、QueryClient、queryKey、staleTime、cacheTime、gcTime、invalidateQueries 或 React Query 模式上觸發。
SKILL.md
Comprehensive guide for TanStack Query based on TkDodo's authoritative blog posts. TkDodo (Dominik Dorfmeister) is a core maintainer of TanStack Query. Contains patterns across 17 categories covering queries, mutations, caching, TypeScript, testing, and advanced patterns.
| Priority | Category | Impact | Key Concept |
| 1 | Mental Model | CRITICAL | React Query is an async state manager, not a fetching library | | 2 | Query Keys | CRITICAL | Keys are dependencies - include all variables that affect data | | 3 | Status Handling | HIGH | Check data first, then error, then loading | | 4 | Mutations | HIGH | Invalidation vs direct cache updates, optimistic patterns |
來自 TkDodo 權威指南的 TanStack 查詢(React Query)最佳實踐和模式。在編寫、審查或調試 React Query 代碼(包括查詢、突變、緩存、樂觀更新和 TypeScript 集成)時使用。在 useQuery、useMutation、useInfiniteQuery、QueryClient、queryKey、staleTime、cacheTime、gcTime、invalidateQueries 或 React Query 模式上觸發。 來源:umxr/react-query-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/umxr/react-query-skills --skill react-query- 分類
- </>開發工具
- 認證
- —
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 react-query?
來自 TkDodo 權威指南的 TanStack 查詢(React Query)最佳實踐和模式。在編寫、審查或調試 React Query 代碼(包括查詢、突變、緩存、樂觀更新和 TypeScript 集成)時使用。在 useQuery、useMutation、useInfiniteQuery、QueryClient、queryKey、staleTime、cacheTime、gcTime、invalidateQueries 或 React Query 模式上觸發。 來源:umxr/react-query-skills。
如何安裝 react-query?
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/umxr/react-query-skills --skill react-query 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪?
https://github.com/umxr/react-query-skills
詳情
- 分類
- </>開發工具
- 來源
- user
- 收錄時間
- 2026-02-01