tanstack

Coordinate React development using TanStack libraries with SpacetimeDB as the data layer.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/lioartoil/claude-code-handbook --skill tanstack-lioartoil
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack
Source: https://github.com/lioartoil/claude-code-handbook/tree/main/skills/tanstack
Command: npx skills add https://github.com/lioartoil/claude-code-handbook --skill tanstack-lioartoil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack provides a modular set of libraries for React to handle data fetching, routing, tabular UI, and form state. This guide shows how to combine TanStack Query, TanStack Router, TanStack Table, and TanStack Form with SpacetimeDB as the backend to build responsive, type-safe frontends with minimal boilerplate.

Core Features & Use Cases

  • Query: Async data fetching with caching and background refetching for robust server state management.
  • Router: Type-safe, file-based routing with integrated data loading for seamless navigation.
  • Table: Headless table logic with sorting, filtering, and pagination to render dynamic data grids.
  • Form: Structured form state management with validation for reliable user inputs.
  • SpacetimeDB integration: Real-time data subscriptions with a cohesive data layer for modern apps.

Quick Start

Install the TanStack skill and start building a React app with TanStack libraries integrated with SpacetimeDB.

Frequently Asked Questions about tanstack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate SpacetimeDB with React using TanStack Query for data fetching?

Integrate SpacetimeDB with React by configuring TanStack Query to manage asynchronous data fetching, caching, and background refetching for robust server state management. This coordination provides real-time data subscriptions with a cohesive, type-safe data layer.

Does TanStack Router support type-safe routing with integrated data loading for React apps?

TanStack Router supports type-safe, file-based routing with integrated data loading for seamless navigation in React apps. It enforces type-safe patterns to ensure robust data fetching and routing coordination across frontend components.

What is the best way to render dynamic data grids in React with TanStack Table?

The best way to render dynamic data grids is using TanStack Table, which provides headless table logic with sorting, filtering, and pagination. It integrates with your React data layer to display dynamic data with minimal boilerplate.

How do I manage structured form state with validation in React using TanStack Form?

Manage structured form state with validation in React using TanStack Form, which provides reliable user input handling with minimal boilerplate. It enforces type-safe patterns to coordinate form state management across frontend components.

Can I use TanStack libraries with SpacetimeDB for real-time data subscriptions in a React app?

You can use TanStack libraries with SpacetimeDB to enable real-time data subscriptions in React apps. This integration provides a cohesive data layer for modern apps, combining robust data fetching, routing, table rendering, and form management.

How to set up a React app with TanStack Start and SpacetimeDB as the backend?

Set up a React app with TanStack Start and SpacetimeDB by following integration steps for Query, Router, Table, and Form. This enforces type-safe patterns and provides setup examples to build responsive frontends with minimal boilerplate.