tanstack-router-best-practices

Type-safe routing patterns, data loading strategies, and navigation best practices for TanStack Router in React. 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. - Covers 33 rules across 10 categories: type safety, route organization, data loading, search params, error handling, navigation, code splitting, preloading, and route context - Emphasizes type inference through router registration, from parameters, and queryOptions integration to prevent runtime errors - Includes data loading patterns with TanStack Query integration, deferred data splitting, and parallel route loading for optimized performance - Provides search param validation, middleware configuration, and custom serializer setup for type-safe URL state management - Organized by priority levels (critical, high, medium, low) with quick reference prefixes for easy rule lookup - 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...