tanstack

Use for TanStack library work: Query, Router, Start, Table, Form, Store, DB, Virtual, Pacer, Ranger, Devtools, Config, CLI, AI, and integration best practices. Verify installed package versions before applying examples.

Category
Engineering
Skill
169 of 261
Source
Kevin wiki

Use this as the single executable router for TanStack work.

Routing

  • Route by product package first: Query, Router, Start, Table, Form, Store, DB, Virtual, Pacer, Ranger, Devtools, Config, CLI, or AI.
  • Load best-practice references when the task is architecture, review, migration, or integration rather than API lookup.
  • Validate with typecheck, tests, and browser behavior because TanStack is a library ecosystem, not a control-plane service.

Reference Loading

Load one folded reference at a time. Prefer the most specific reference that matches the user's named service, framework, command, or error. If no folded reference matches, use the router guidance here and verify with primary docs or local project state.

Folded Skill References

These former standalone skills are bundled here as references to keep the runtime list compact. Load only the reference that matches the user's exact product, framework, or failure mode.

Former skillReferenceDescription
tanstack-aireferences/skills/tanstack-ai/SKILL.mdProvider-agnostic, type-safe AI SDK for streaming, tool calling, structured output, and multimodal content.
tanstack-clireferences/skills/tanstack-cli/SKILL.mdProject scaffolding CLI with 30+ integrations, custom templates, and MCP server for AI agents.
tanstack-configreferences/skills/tanstack-config/SKILL.mdOpinionated toolkit for building, versioning, and publishing high-quality JavaScript/TypeScript packages.
tanstack-dbreferences/skills/tanstack-db/SKILL.mdReactive client-first store for your API with collections, live queries, and optimistic mutations.
tanstack-devtoolsreferences/skills/tanstack-devtools/SKILL.mdCentralized, extensible devtools panel for TanStack libraries with a plugin architecture.
tanstack-formreferences/skills/tanstack-form/SKILL.mdHeadless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte.
tanstack-integration-best-practicesreferences/skills/tanstack-integration-best-practices/SKILL.mdBest practices for integrating TanStack Query with TanStack Router and TanStack Start. Patterns for full-stack data flow, SSR, and caching coordination.
tanstack-pacerreferences/skills/tanstack-pacer/SKILL.mdFramework-agnostic debouncing, throttling, rate limiting, queuing, and batching utilities.
tanstack-queryreferences/skills/tanstack-query/SKILL.mdPowerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.
tanstack-query-best-practicesreferences/skills/tanstack-query-best-practices/SKILL.mdTanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.
tanstack-rangerreferences/skills/tanstack-ranger/SKILL.mdHeadless utilities for building range and multi-range sliders in TS/JS, React, Vue, Solid, Svelte & Angular.
tanstack-routerreferences/skills/tanstack-router/SKILL.mdType-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.
tanstack-router-best-practicesreferences/skills/tanstack-router-best-practices/SKILL.mdTanStack Router best practices for type-safe routing, data loading, search params, and navigation. Activate when building React applications with complex routing needs.
tanstack-startreferences/skills/tanstack-start/SKILL.mdFull-stack React framework powered by TanStack Router with SSR, streaming, server functions, and deployment to any hosting provider.
tanstack-start-best-practicesreferences/skills/tanstack-start-best-practices/SKILL.mdTanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns. Activate when building full-stack apps with TanStack Start.
tanstack-storereferences/skills/tanstack-store/SKILL.mdFramework-agnostic, immutable reactive data store with framework adapters for React, Vue, Solid, Angular, and Svelte.
tanstack-tablereferences/skills/tanstack-table/SKILL.mdHeadless UI for building powerful tables & datagrids for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit.
tanstack-virtualreferences/skills/tanstack-virtual/SKILL.mdHeadless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.
  • find-skills for upstream skill discovery before adding new children
  • skill-creator for pruning or extending this router