tanstack-router-best-practices

Comprehensive guidelines for implementing TanStack Router patterns in React applications. These rules optimize type safety, data loading, navigation, and code organization. Each rule file in the rules/ directory contains: See individual rule files in rules/ directory for detailed guidance and code examples. - Setting up application routing - Creating new routes and layouts - Implementing search parameter handling - Configuring data loaders - Setting up code splitting - Integrating with TanStack Query - Refactoring navigation patterns - ts-register-router — Register router type for global inference - ts-use-from-param — Use from parameter for type narrowing - ts-route-context-typing — Type route context with createRootRouteWithContext - ts-query-options-loader — Use queryOptions in loaders for type inference - router-default-options — Configure router defaults (scrollRestoration, defaultErrorComponent, etc.) - org-file-based-routing — Prefer file-based routing for conventions - org-route-tree-structure — Follow hierarchical route tree patterns - org-pathless-layouts — Use pathless routes for shared layouts - org-index-routes — Understand index vs layout routes - org-virtual-routes — Understand virtual file routes - load-use-loaders — Use route loaders for data fetching - load-loader-deps — Define loaderDeps for cache control - load-ensure-query-data — Use ensureQueryData with...