tanstack

Build type-safe React applications with TanStack Query, Router, and Start.

32|2|Updated Nov 5, 2025
One-click install
npx skills add https://github.com/tenequm/skills --skill tanstack-tenequm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack
Source: https://github.com/tenequm/skills/tree/main/skills/tanstack
Command: npx skills add https://github.com/tenequm/skills --skill tanstack-tenequm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the development of complex React applications by providing robust, type-safe solutions for data fetching, routing, and full-stack development.

Core Features & Use Cases

  • TanStack Query: Advanced data fetching, caching, and state synchronization.
  • TanStack Router: File-based routing, type-safe navigation, and search param management.
  • TanStack Start: Full-stack framework for SSR, server functions, and middleware.
  • Use Case: Build a performant, full-stack React application with seamless data management, routing, and server-side rendering capabilities.

Quick Start

Use the tanstack skill to set up a new React project with TanStack Query, Router, and Start.

Frequently Asked Questions about tanstack

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

FAQPage Schema
How do I build a type-safe full-stack React application with SSR?

To build a type-safe full-stack React application with SSR, you can use this Skill to integrate TanStack Start for server-side rendering, server functions, and middleware alongside TanStack Router and Query.

What is the best way to manage type-safe routing and search params in React?

Type-safe routing and search param management in React is handled by integrating TanStack Router, which provides file-based routing and type-safe navigation to streamline your application architecture.

How do I set up advanced data fetching and caching in a React app?

Advanced data fetching and caching in a React app is achieved using TanStack Query, facilitating robust state synchronization, mutations, and seamless data management.

Do I need TypeScript to use TanStack Router and Query for full-stack development?

TypeScript is required to leverage the type-safe React application architecture provided here, ensuring type-safe navigation, data fetching, and server functions across your full-stack development workflow.

Can I use TanStack Start for server functions and middleware in an existing React project?

Yes, TanStack Start provides a full-stack framework that integrates server functions and middleware into your React project, working seamlessly with TanStack Router and Query for streamlined architecture.

What are the limitations of using TanStack libraries for React full-stack development?

This Skill focuses strictly on TanStack libraries for React full-stack development, meaning it may not cover alternative data fetching or routing solutions outside the TanStack ecosystem.