Standardize TanStack Query, Form, and Router patterns in React applications.
npx skills add https://github.com/JBonfim/skill-developer --skill tanstack-jbonfim
Please help me install this Agent Skill. Skill: tanstack Source: https://github.com/JBonfim/skill-developer/tree/main/.agents/skills/tanstack Command: npx skills add https://github.com/JBonfim/skill-developer --skill tanstack-jbonfim
This skill prevents common TanStack ecosystem mistakes by giving reliable, reusable React patterns for Query/DB collections, Form handling, and Router navigation.
Use the tanstack skill when adapting a React project to TanStack Query/DB, TanStack Form, and TanStack Router by requesting a full, rule-compliant implementation plan for an entity page that lists items, edits an item with a form, and navigates to a detail view with validated URL parameters.
High-intent search queries and answers about installing and using this skill.
Type-safe file-based routing with TanStack Router requires defining routes aligned to your file structure using createFileRoute, enabling runtime-validated search params and typed navigation for secure URL parameter handling.
Schema-first form validation in React is implemented by initializing TanStack Form with the createFormHook and applying Zod validation schemas to ensure type-safe data construction and field validation.
Handling server writes with TanStack DB live queries requires using correct handler-based collection processes for mutation persistence, avoiding mixing collection patterns directly with React Query invalidation logic.
Mixing React Query invalidation patterns with TanStack DB collections is an anti-pattern. You must use shared canonical collection instances and rely on handler-based mutations to manage data persistence and live query updates.
Yes, TanStack Router supports runtime-validated URL parameters by applying schema validation to route definitions, ensuring that search parameters and navigation payloads are type-safe and structurally validated before rendering.
compozyProvides TanStack patterns for data fetching, form validation, and routing in React applications.
haryelramalhoStandardize TanStack React workflows for collections, forms, and routing.
danghungtb26Implement type-safe form state management and validation in React with TanStack Form.
leonanpereirapintoStandardize TanStack Query, Form, and Router patterns in React applications.
