react-query
TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.
npx skills add a5c-ai/babysitter --skill react-query --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# React Query Skill Expert assistance for implementing TanStack Query (React Query) for server state management in React applications. ## Capabilities - Configure QueryClient with optimal defaults - Implement queries with caching strategies - Handle mutations with optimistic updates - Set up infinite queries for pagination - Manage query invalidation and prefetching - Integrate with authentication and error handling ## Usage Invoke this skill when you need to: - Fetch and cache server data - Handle mutations with rollback - Implement infinite scroll or pagination - Prefetch data for navigation - Synchronize server state ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | endpoint | string | Yes | API endpoint to query | | queryKey | array | Yes | Unique query key | | staleTime | number | No | Time until data is stale (ms) | | cacheTime | number | No | Time to keep in cache (ms) | | optimisticUpdate | boolean | No | Enable optimistic updates | ### Configuration Example ```json { "endpoint": "/api/users", "queryKey": ["users"], "staleTime": 300000, "cacheTime": 600000, "optimisticUpdate": true } ``` ## Generated Patterns ### Query C
- Capabilities
- Usage
- Inputs
- Configuration Example
- Generated Patterns
- Query Client Setup
- Basic Query Hook
- Mutation with Optimistic Update
- Infinite Query
- Prefetching
- Query Keys Factory
- Best Practices
- Target Processes
What does the react-query skill do?
TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.
How do I install it?
Run `npx skills add a5c-ai/babysitter --skill react-query --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From a5c-ai/babysitter, a repository with 1,642 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.