TanStack Router

Type-safe routing for React applications with first-class search params, loaders, and code splitting.

Instructions

1. Leverage type safety - Define route params and search params with full TypeScript inference
2. Use loaders - Fetch data before route renders
3. Structure routes - Use file-based routing or code-first approach
4. Handle errors - Define error boundaries per route
5. Lazy load - Code split with lazy route imports

Setup

npm install @tanstack/react-router
# For file-based routing
npm install -D @tanstack/router-vite-plugin