tanstack-router

TanStack Router is a fully type-safe router for React (and Solid) applications. It provides file-based routing, first-class search parameter management, built-in data loading, code splitting, and deep TypeScript integration. It serves as the routing foundation for TanStack Start (the full-stack framework). Package: @tanstack/react-router CLI: @tanstack/router-cli or @tanstack/router-plugin (Vite/Rspack/Webpack) Devtools: @tanstack/react-router-devtools Routes are organized in a tree structure. The root route is the top-level layout, and child routes nest underneath. File-based routing automatically generates the route tree from your file structure. Configure with Vite plugin: Each route can define: Control when loaders re-execute: Stream non-critical data: Provide shared dependencies via router context: With file-based routing, create a lazy file: All hooks are fully typed based on the route tree: Display a different URL than the actual route: - _ prefix: Pathless routes (layout groups without URL segment) - $ prefix: Dynamic path parameters - (folder) parentheses: Route groups (organizational, no URL impact) - Use file-based routing for most applications - it's simpler and auto-generates the route tree - Validate search params with Zod or custom validators for type safety - Use loaderDeps to control when loaders re-execute based on search param changes - Leverage context for...