tanstack-query-best-practices

TanStack Query handles server-state management by providing deterministic data fetching, caching configuration, and structured invalidation flows to keep React components synchronized with server data reliably.

Apply standardized TanStack Query patterns for infinite queries and pagination by defining structured query keys and invalidation rules that maintain cache consistency across mutation flows and list updates.

Yes, TanStack Query integrates with React SSR hydration and suspense to manage server-state during server-side rendering, utilizing built-in guardrails and performance optimizations for reliable data fetching.

Standardize React data fetching and error handling by applying rules-based TanStack Query practices with structured query logic, frontmatter-driven metadata, and robust caching configuration to ensure reliable server-state management.

You should avoid TanStack Query caching when deterministic data requirements fall outside standard server-state management, as misapplied invalidation rules and query keys can introduce stale data and cache inconsistencies.