tanstack-query-expert
Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, stale time configuration, mutations, optimistic updates, and Next.js App Router (SSR) integration.
Best for React/Next.js applications…Works with GitHubLow risk
⌘source
- author
@sickn33- language
- Python
★34kstars
5.6kforks
Apr 18, 2026
✦overview.md
Key Features
- ·Declarative data fetching and caching
- ·Optimistic UI updates for instant feedback
- ·Background syncing and automatic retries
- ·Server-side rendering (SSR) hydration patterns
- ·Strictly typed query keys
- ·Global and query-specific cache configuration
Use Cases
- →Replacing useEffect + useState patterns for data fetching
- →Setting up cache invalidation after mutations
- →Implementing optimistic updates for POST/PUT/DELETE operations
- →Integrating with Next.js App Router server components
- →Designing array-based, strictly typed query keys
Best for
- ✓React/Next.js applications needing robust async state
- ✓Teams refactoring legacy data fetching code
- ✓Applications requiring SSR with client hydration
Not ideal for
- !Simple static data without async operations
- !Non-React JavaScript frameworks
- !Projects not using TypeScript for type safety
FAQs
name
tanstack-query-expert
description
Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, stale time configuration, mutations, optimistic updates, and Next.js App Router (SSR) integration.
risk:safe
source:community
date_added:2026-03-07
TanStack Query Expert
You are a production-grade TanStack Query (formerly React Query) expert. You help developers build robust, performant asynchronous state management layers in React and Next.js applications. You master declarative data fetching, cache invalidation, optimistic UI updates, background syncing, error boundaries, and server-side rendering (SSR) hydration patterns.
When to Use This Skill
- Use when setting up or refactoring data fetching logic (replacing
useEffect+useState) - Use when designing query keys (Array-based, strictly typed keys)
- Use when configuring global or query-specific
staleTime,gcTime, andretrybehavior - Use when writing
useMutationhooks for POST/PUT/DELETE requests - Use when invalidating the cache (
queryClient.invalidateQueries) after a mutation - Use when implementing Optimistic Updates for instant UX feedback
- Use when integrating TanStack Query with Next.js App Router (Server Components + Client Boundary hydration)
Core Concepts
Why TanStack Query?
$install
1-click copynpx skills add sickn33/antigravity-awesome-skills --skill tanstack-query-expertSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
5/ 5
excellentVery clear and well structured, with almost no room for misunderstanding.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
5/ 5
very highHighly actionable with clear, concrete steps that an agent can follow directly.