tanstack-query
๐ฏSkillfrom jezweb/claude-skills
|A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
Overview
A Claude Code skill providing comprehensive guidance on TanStack Query (React Query) v5, covering server state management in React applications. It documents new v5 features including useMutationState for cross-component mutation tracking, simplified optimistic updates, throwOnError for error boundaries, network mode for offline/PWA support, and infiniteQueryOptions.
Key Features
- useMutationState - Access mutation state from any component without prop drilling, with filtering by status and mutation key for targeted tracking
- Simplified Optimistic Updates - New pattern using
variablesfrom pending mutations to show optimistic UI without manual cache manipulation or rollback logic - v4 to v5 Migration Guide - Covers breaking changes including object syntax requirement, gcTime replacing cacheTime, isPending replacing isLoading, and throwOnError replacing useErrorBoundary
- Error Boundary Integration - QueryErrorResetBoundary with throwOnError for declarative error handling in React component trees
- Offline/PWA Support - Network mode configuration for handling offline scenarios and progressive web applications
Who is this for?
This skill is designed for React developers using TanStack Query who need up-to-date guidance on v5 patterns, migration from v4, or debugging SSR/hydration issues with streaming server components. It is particularly useful for teams adopting TanStack Query v5 for the first time or migrating existing v4 implementations who want to leverage the new simplified optimistic update patterns and cross-component mutation tracking.
Same repository
jezweb/claude-skills(161 items)
Installation
npx vibeindex add jezweb/claude-skills --skill tanstack-querynpx skills add jezweb/claude-skills --skill tanstack-query~/.claude/skills/tanstack-query/SKILL.mdSKILL.md
More from this repository10
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
Provides FastAPI development patterns including async endpoints, dependency injection, Pydantic models, authentication, and API documentation best practices
Provides Zustand state management patterns for React including store creation, selectors, middleware, and best practices for scalable client-side state
Provides React Hook Form integration patterns with Zod schema validation for type-safe, performant form handling
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
Skill for generating complete, accessible color palettes from a single brand hex, creating 11-shade scales, semantic tokens, dark mode variants, and WCAG contrast checking for Tailwind v4
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
Skill for building React animations with Motion (formerly Framer Motion), covering gestures, scroll effects, spring physics, layout animations, and SVG with bundle sizes from 2.3KB to 34KB