react-query-best-practices
✓React Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSocket integration, or any async state management in React. Based on TkDodo's comprehensive blog series.
Installation
SKILL.md
Important: This guide targets React Query v4. Some patterns may differ in v5.
Comprehensive guide for React Query v4 (TanStack Query) based on TkDodo's authoritative blog series. Contains 24 rules across 7 categories, prioritized by impact.
| 1 | Query Keys & Patterns | CRITICAL | query- | | 2 | Mutations & Updates | CRITICAL | mutation- | | 3 | Caching Strategy | HIGH | cache- | | 4 | WebSocket Integration | HIGH | websocket- | | 5 | TypeScript Integration | MEDIUM | typescript- | | 6 | Testing Patterns | MEDIUM | testing- | | 7 | Common Pitfalls | MEDIUM | troubleshoot- |
React Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSocket integration, or any async state management in React. Based on TkDodo's comprehensive blog series. Source: arraydude/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/arraydude/agent-skills --skill react-query-best-practices- Source
- arraydude/agent-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-query-best-practices?
React Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSocket integration, or any async state management in React. Based on TkDodo's comprehensive blog series. Source: arraydude/agent-skills.
How do I install react-query-best-practices?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/arraydude/agent-skills --skill react-query-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/arraydude/agent-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01