Tanstack Integration Best Practices

If you're wiring up TanStack Query with Router and Start, this gives you the architectural patterns to avoid the common pitfalls. It covers the critical setup pieces like passing QueryClient through router context and the SSR integration with dehydrate/hydrate, then moves into data flow patterns like using loaders with ensureQueryData and coordinating mutations with invalidation. The caching guidance is solid: let Query handle the cache, don't fight it with router-level caching. What's useful here is the priority system. The three critical setup rules and the SSR integration rule are genuinely foundational. Get those wrong and you'll spend hours debugging hydration mismatches and stale data issues.

Install to Claude Code

npx -y skills add deckardger/tanstack-agent-skills --skill tanstack-integration-best-practices --agent claude-code