tanstack-integration-best-practices

Guidelines for integrating TanStack Query, Router, and Start together effectively. These patterns ensure optimal data flow, caching coordination, and type safety across the stack. Each rule file in the rules/ directory contains: See individual rule files in rules/ directory for detailed guidance and code examples. - Setting up a new TanStack Start project - Integrating TanStack Query with TanStack Router - Configuring SSR with query hydration - Coordinating caching between router and query - Setting up type-safe data fetching patterns - setup-query-client-context — Pass QueryClient through router context - setup-provider-wrapping — Correctly wrap with QueryClientProvider - setup-stale-time-coordination — Coordinate staleTime between router and query - flow-loader-query-pattern — Use loaders with ensureQueryData - flow-suspense-query-component — Use useSuspenseQuery in components - flow-mutations-invalidation — Coordinate mutations with query invalidation - flow-server-functions-queries — Use server functions for query functions - cache-single-source — Let TanStack Query manage caching - cache-preload-coordination — Coordinate preloading between router and query - cache-invalidation-patterns — Unified invalidation patterns - ssr-dehydrate-hydrate — Use setupRouterSsrQueryIntegration for automatic SSR - ssr-per-request-client — Create QueryClient per request -...