TanStack Router Route Trees and Navigation

Use this skill when the task is primarily about route structure, route matching, or user navigation semantics.

Scope

• route-tree mental model across code-based and file-based routing
• nested routes, layout routes, pathless routes, and index routes
• dynamic params and splat segments
• Link, Navigate, useNavigate, and router.navigate
• route masking and typed navigation state

Routing cues

• route trees, getParentRoute, addChildren, nesting, params, Link, Navigate, useNavigate, route matching, or route masking -> use this skill
• install choices, bundler setup, quick start, or file-based vs code-based selection -> use tanstack-router-overview-and-setup
• validateSearch, loaderDeps, loader, beforeLoad, auth guards, route context, or preloading -> use tanstack-router-search-params-and-loaders
• pendingComponent, errorComponent, notFoundComponent, scroll restoration, navigation blocking, or head management -> use tanstack-router-runtime-behavior-and-ssr
• routeTree.gen.ts, file naming conventions, virtual routes, .lazy.tsx, plugin config, or CLI generation -> use tanstack-router-file-based-routing-and-tooling