tanstack▌

TanStack Query best practices for optimized data fetching, caching, mutations, and server state management in React. \n \n Covers 32 rules across 10 categories: query keys, caching strategies, mutations, error handling, prefetching, infinite queries, SSR integration, parallel queries, performance optimization, and offline support \n Each rule includes explanation, anti-patterns, recommended implementations, and contextual guidance for when to apply \n Prioritized by impact: critical rules preven

Use context7 for the latest documentation. Use deepwiki to ask questions about the library's implementation.

TanStack Start is a full-stack React framework built on TanStack Router, powered by Vite and Nitro (via Vinxi). It provides server-side rendering, streaming, server functions (RPC), middleware, API routes, and deploys to any platform via Nitro presets.

Build production-ready, headless data tables with TanStack Table v8, optimized for server-side patterns and Cloudflare Workers integration.

Architectural patterns for coordinating TanStack Query, Router, and Start across full-stack applications. \n \n Covers setup, data flow, caching, and SSR integration with 13 rules organized by priority and category \n Emphasizes loader-based data fetching with ensureQueryData, suspense queries in components, and server functions as query sources \n Provides unified caching and invalidation strategies to prevent duplication and ensure single source of truth \n Includes automatic SSR dehydration/h

Best practices for full-stack React development with TanStack Start, covering server functions, middleware, SSR, and authentication. \n \n Organizes 31 rules across 10 categories (server functions, security, middleware, authentication, SSR, error handling, and more) with priority levels to guide implementation order \n Covers critical patterns for server-side logic, input validation, secure session management, and client-server boundary handling \n Includes middleware composition, selective SSR

TanStack Virtual provides virtualization logic for rendering only visible items in large lists, grids, and tables. It calculates which items are in the viewport and positions them with absolute positioning, keeping DOM node count minimal regardless of dataset size.

Server-state management with automatic caching, background refetching, and synchronization for React, Vue, Solid, Svelte, and Angular. \n \n Handles queries (data fetching), mutations (updates), and infinite queries with built-in pagination, stale-while-revalidate patterns, and optimistic updates \n Provides hierarchical query keys for granular cache invalidation, automatic request deduplication, and AbortSignal-based cancellation \n Includes Suspense integration via useSuspenseQuery , SSR/hydra

TanStack Table is a headless UI library for building data tables and datagrids. It provides logic for sorting, filtering, pagination, grouping, expanding, column pinning/ordering/visibility/resizing, and row selection - without rendering any markup or styles.

TanStack Form is a headless form library with deep TypeScript integration. It provides field-level and form-level validation (sync/async), array fields, linked/dependent fields, fine-grained reactivity, and schema validation adapter support (Zod, Valibot, Yup).