tanstack-router

Type-safe, file-based routing for React with route-level data loading, search params validation, code splitting, and TanStack Query integration.

| createFileRoute('/path') | Define file-based route | | createRootRouteWithContext () | Root route with typed context | | createLazyFileRoute('/path') | Code-split route component | | zodValidator(schema) | Search params validation | | Route.useLoaderData() | Access loader data in component | | Route.useParams() | Type-safe route params |

| Route.useSearch() | Type-safe search params | | useNavigate() | Programmatic navigation | | useBlocker() | Block navigation (dirty forms) | | notFound() | Throw 404 from loader | | getRouteApi('/path') | Type-safe hooks in split files | | stripSearchParams(defaults) | Clean default values from URLs |

Routage React de type sécurisé, basé sur des fichiers, avec chargeurs d'itinéraire, validation des paramètres de recherche, fractionnement du code, préchargement, navigation, contexte d'itinéraire et intégration de TanStack Query. À utiliser lors de la configuration du routage basé sur des fichiers, de l'ajout de la validation des paramètres de recherche, de la mise en œuvre de chargeurs de routes, du fractionnement du code des routes, de la configuration des routes de fichiers virtuels, de la protection des routes avec des gardes d'authentification ou de la correction des erreurs d'enregistrement de type. À utiliser pour la configuration du routeur, les modèles de navigation, la gestion de l'état des URL et le chargement des données. Source : oakoss/agent-skills.