tanstack-table

Tanstack Table is a headless library that handles table state management, sorting, filtering, pagination, and row operations without prescribing UI. It supports server-side data fetching, large dataset virtualization, column pinning, row expanding, and grouping, with built-in patterns to avoid common pitfalls like infinite re-renders and state mismatches.

This skill teaches the meta field pattern for TanStack Table, enabling you to hoist column definitions outside components and pass callbacks through table options instead of closures. By separating stable column structure from dynamic behavior, you avoid unnecessary re-renders when callbacks change—ideal for data tables with sorting, filtering, or inline editing.

This skill guides you through selective adoption of TanStack libraries—Query for server state, Table for complex grids, Form for intricate validation, Router for type-safe navigation, and Virtual for large lists. Rather than forcing every feature through TanStack patterns, you build your app with vanilla React first, then run analysis prompts to identify genuine opportunities for improvement. The workflow emphasizes measuring actual benefits before integrating each library.

TanStack Query handles server-state fetching and caching in React applications, automating data synchronization and eliminating manual boilerplate. It provides built-in background refetching, optimistic mutations, intelligent cache invalidation, and pagination support for complex data workflows.

TanStack Query provides asynchronous state management for server data across React, Vue, Solid, Svelte, and Angular. It handles caching, background synchronization, pagination, infinite scrolling, and optimistic updates automatically. Use queries for data fetching and mutations for server modifications, with lifecycle hooks for managing side effects and rollback scenarios.

TanStack Query is an async state manager that handles server data fetching, caching, and synchronization in React applications. It automates cache invalidation, deduplication, background updates, and stale data management—you supply a queryFn that returns a Promise, and the library handles the rest. Use it for infinite scrolling, offline-first apps, complex cache strategies, and hybrid server/client architectures.