fe-tanstack-query
CommunityUnify TanStack Query patterns for React state
AuthorConradmaker
Version1.0.0
Installs0
System Documentation
What problem does it solve?
TanStack Query usage often becomes scattered across codebases, leading to inconsistent query keys, divergent options, misaligned SSR hydration, and brittle domain organization.
Core Features & Use Cases
- Standardized query keys and reusable queryOptions that enable stable invalidation and predictable caching.
- Domain-based query module organization with <domain>.query.ts files to cover list, detail, and infinite queries, plus prefetch patterns.
- SSR hydration, per-request QueryClient, and mutation invalidation patterns, with guidance for offline and tooling integration.
- Use cases include building robust React server-state layers, coordinating data fetching across routes, and ensuring consistent data shapes and invalidation behavior.
Quick Start
Adopt domain-based .query.ts modules with reusable queryOptions and hierarchical keys to standardize TanStack Query usage.
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: fe-tanstack-query Download link: https://github.com/Conradmaker/copilot-cockpit/archive/main.zip#fe-tanstack-query 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.