TanStack Router Skill

Type-safe, feature-rich routing for React applications with 100% inferred TypeScript support, first-class search parameters, nested routing, built-in data loading with SWR caching, and seamless integration with data fetching libraries.

When to Use This Skill

Trigger this skill when you need help with:

• Setting up TanStack Router in a React application
• Creating file-based or code-based routes
• Implementing type-safe navigation with params and search parameters
• Loading and prefetching data with route loaders
• Building authenticated routes with beforeLoad hooks
• Managing search params as type-safe state (validation with Zod)
• Setting up nested layouts and layout routes
• Implementing automatic code splitting
• Migrating from React Router to TanStack Router
• Configuring SSR with TanStack Router
• Using TanStack Query integration for data fetching