tanstack-integration-best-practices
CommunityBest practices for TanStack integration
Software Engineering#tanstack#ssr#react-query#react-router#integration-patterns#data-caching#typesafety
Authoraidanaden
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Teams integrating TanStack Query, TanStack Router, and TanStack Start often struggle to coordinate server-state caching, data flow, and SSR hydration across full-stack applications.
Core Features & Use Cases
- Clear guidance on ownership and caching coordination across TanStack components
- Patterns for SSR hydration, loader integration, and data synchronization
- Real-world use cases illustrating end-to-end integration in typical apps
Quick Start
Set up a TanStack Router with a per-request QueryClient and enable SSR integration to hydrate data automatically.
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: tanstack-integration-best-practices Download link: https://github.com/aidanaden/sg-food-guide/archive/main.zip#tanstack-integration-best-practices 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 223,000+ vetted skills library on demand.