Provide TanStack patterns for data fetching, forms, and routing in React.
npx skills add https://github.com/pedronauck/skills --skill tanstack-pedronauck
Please help me install this Agent Skill. Skill: tanstack Source: https://github.com/pedronauck/skills/tree/main/skills/tanstack Command: npx skills add https://github.com/pedronauck/skills --skill tanstack-pedronauck
This Skill provides a comprehensive guide to the TanStack ecosystem, enabling developers to efficiently manage data fetching, form handling, and client-side routing in React applications.
Consult the references/query-patterns.md file for detailed examples on TanStack Query and TanStack DB patterns.
High-intent search queries and answers about installing and using this skill.
Data fetching and optimistic updates in React applications are handled using TanStack Query patterns for robust caching, collections, and live queries. This approach ensures reliable state management and real-time synchronization for complex data scenarios.
Type-safe client-side routing with search params in React is best implemented using TanStack Router patterns. It provides file-based routing, type-safe navigation, and URL parameter management to ensure intricate navigation structures are reliable.
Headless forms with type-safe validation in a React app are built using TanStack Form patterns. This approach provides flexible UI integration and robust validation logic without locking you into a specific component structure.
TanStack Query collections and live queries can be used for real-time dashboard data in React. The patterns support dynamic data synchronization, allowing complex dashboards to reliably display real-time information and handle updates efficiently.
TanStack Router supports file-based routing and dynamic URL parameter management. It enables type-safe navigation and search param handling, ensuring complex routing structures are maintained with strict TypeScript validation.
You should use TanStack Form when you need headless form logic paired with type-safe validation and flexible UI integration. It is ideal for complex dashboards requiring dynamic forms with reliable state management and intricate validation rules.
1337heroCodify React/Preact conventions for scaffolding, components, state, and reviews.
feed-mobExtract URL query parameters from CSV files into new columns.
leejayhsuImplement type-safe, file-based React routing with TanStack Router.
Camilo8902Generate TypeScript-typed React hooks for data fetching, forms, and local storage.
