react-query-patterns
CommunityStandardized TanStack patterns for server state.
Authormasanao-ohba
Version1.0.0
Installs0
System Documentation
What problem does it solve?
TanStack React Query patterns provide a reusable, battle-tested approach to managing server state in React applications. This Skill centralizes best practices for data fetching, caching, and mutation workflows, reducing boilerplate and inconsistencies across projects.
Core Features & Use Cases
- Query patterns: consistent data fetching, caching strategies, and retry/idle behaviors.
- Mutation & UI: standardized mutation flows, optimistic updates, and cache invalidation.
- Advanced scenarios: infinite scrolling, dependent queries, and parallel queries for complex dashboards.
- Use Case: In a dashboard app, apply these patterns to ensure predictable data loading, smooth UX, and minimal boilerplate when wiring API endpoints.
Quick Start
Install TanStack React Query in your project and start adopting the provided patterns by wrapping your app with a QueryClient provider and refactoring data access into reusable hooks following the patterns described.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-query-patterns Download link: https://github.com/masanao-ohba/claude-manifests/archive/main.zip#react-query-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.