tanstack-router

File-based routing in React automatically generates routes from your file structure, eliminating manual route definitions. TanStack Router provides type safety by inferring parameter and search types directly from your route files, reducing runtime errors and improving developer experience with full TypeScript support.

Route loaders in TanStack Router prefetch data before navigation finishes, ensuring instant perceived performance. Define loaders in your route files to fetch user data, API responses, or other async content, and the router automatically handles loading states and data availability.

TanStack Router infers route parameter types automatically from your file-based route definitions. When you create a `/users/$userId` route, the router generates TypeScript types for `userId`, eliminating manual type declarations and catching parameter mismatches at compile time.

TanStack Router supports layout routes and guards through its file structure and loader integration. Define parent routes for shared UI layouts and use loaders to authenticate users before rendering, controlling access to protected routes without manual middleware setup.

TanStack Router integrates into existing React projects by installing the router package and plugin. The plugin generates your routeTree from your file structure, so you can adopt file-based routing incrementally without rewriting your entire application.