rr-tanstack

Implement TanStack Query data fetching and caching in React applications.

54|9|Updated Aug 13, 2025

Search Tags:#typescript #state management #react #routing #data fetching #tanstack #forms #tables

One-click install

npx skills add https://github.com/roderik/ai-rules --skill rr-tanstack

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: rr-tanstack
Source: https://github.com/roderik/ai-rules/tree/main/.claude/skills/rr-tanstack
Command: npx skills add https://github.com/roderik/ai-rules --skill rr-tanstack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @tanstack/react-query, @tanstack/react-table, @tanstack/react-router, and includes references (resource) components.

What problem does it solve?

This Skill provides expert guidance for leveraging the entire TanStack ecosystem (Query, Table, Router, Form, etc.), helping you build high-performance, type-safe, and scalable web applications with ease.

Core Features & Use Cases

Data Fetching & Caching: Implement efficient data fetching, caching, and synchronization with TanStack Query.
Type-Safe UI: Build dynamic tables, forms, and virtualized lists with full TypeScript type safety.
Full-Stack Development: Utilize TanStack Router and Start for robust, type-safe routing and server-side rendering.
Use Case: When developing a dashboard with complex data tables, use this skill to integrate TanStack Query for data management and TanStack Table for a highly performant, customizable, and type-safe UI.

Quick Start

Use the rr-tanstack skill to set up TanStack Query for data fetching in a React application.