Implements type-safe, file-based routing for React applications with integrated data loading and state management.
This skill provides Claude Code with the specialized knowledge required to build robust React Single Page Applications (SPAs) using TanStack Router. It encompasses best practices for file-based routing, type-safe navigation, search parameter validation via Zod, and seamless integration with TanStack Query. Whether you are setting up a new project with Vite, implementing complex authentication guards using beforeLoad, or troubleshooting deep type inference issues, this skill ensures Claude can provide production-ready routing logic and configuration tailored for modern web development.
Key Features
01Runtime search parameter validation using Zod adapters
02Advanced data loading patterns and TanStack Query integration
03Pre-configured patterns for Cloudflare Workers and Vite deployments
04117 GitHub stars
05Type-safe, file-based routing with automatic route tree generation
06Fine-grained authentication and route protection logic using beforeLoad
Use Cases
01Migrating from traditional React Router to a type-safe file-based system
02Building a high-performance React SPA with strict TypeScript requirements
03Implementing complex URL-driven states with validated search parameters
