DOCSEARCHbyAlgolia
Submit Docs

TanStack

website·Indexed 42 days ago

https://tanstack.com

A set of open-source TypeScript libraries for routing, async state, server state, tables, forms, virtualization, and data stores.

Tokens
939
Snippets
0
Records
16
Agent score
72%

What's inside TanStack

  1. Overview of TanStack Libraries

    TanStack is a collection of open-source TypeScript libraries designed for various application needs. The ecosystem is divided into several categories:

    • Frameworks: TanStack Start (Full-stack) and TanStack Router (Type-safe routing).
    • Data & State Management: TanStack Query (Async state/fetching), TanStack DB (Reactive client-first store), TanStack Store (Framework agnostic store), and TanStack AI (AI building blocks).
    • UI & UX: TanStack Table (Headless data-grids), TanStack Charts (Chart grammar), TanStack Form (Type-safe forms), TanStack Hotkeys (Keyboard shortcuts), TanStack Markdown (Document model), and TanStack Highlight (Syntax highlighting).
    • Performance: TanStack Virtual (List virtualization) and TanStack Pacer (Debouncing/throttling/rate limiting).
    • Tooling: TanStack Devtools, TanStack Config (Package publishing), TanStack CLI (Scaffolding), and TanStack Intent (Agent skills).

  2. Use TanStack Router for type-safe routing

    TanStack Router provides type-safe routing for React and Solid applications. The core logic is contained in @tanstack/router-core and react-location.

  4. Manage asynchronous state with TanStack Query

    TanStack Query provides powerful asynchronous state management, server-state utilities, and data fetching. It supports a wide range of frameworks including React, Preact, Solid, Vue, Svelte, Angular, and Lit. Core packages include @tanstack/query-core and react-query.

  6. Build headless tables with TanStack Table

    TanStack Table is a headless, type-safe table and data-grid infrastructure. It is framework-agnostic, supporting Angular, Ember, Octane, React, Preact, Solid, Svelte, Vue, Lit, Alpine, and Vanilla JS. Core packages include @tanstack/table-core and react-table.

  7. Sync data with Electric and TanStack DB

    Electric is a sync-focused data platform for Postgres-backed apps. It integrates with the TanStack DB project to provide reactive and collaborative live data synchronization.

  8. Implement keyboard shortcuts with TanStack Hotkeys

    TanStack Hotkeys provides type-safe keyboard shortcuts, sequences, and key state tracking. It supports Vanilla JS, React, Preact, Solid, Svelte, Vue, Angular, and Lit via the @tanstack/hotkeys package.

  10. Host TanStack Start on Vercel

    Vercel provides agentic infrastructure for TanStack Start, including Git-based workflows and preview deployments. Specific integrations include the Vercel AI Gateway adapter and Vercel Sandbox for TanStack AI.

  12. Virtualize large lists with TanStack Virtual

    TanStack Virtual provides a headless UI for virtualizing large element lists to improve performance. It supports React, Solid, Vue, Svelte, Lit, Angular, and Marko. Core packages include @tanstack/virtual-core and react-virtual.