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 |
Typsicheres, dateibasiertes React-Routing mit Routenladern, Suchparametervalidierung, Codeaufteilung, Vorladen, Navigation, Routenkontext und TanStack Query-Integration. Verwenden Sie diese Option, wenn Sie dateibasiertes Routing einrichten, eine Suchparametervalidierung hinzufügen, Routenlader implementieren, Routen aufteilen, virtuelle Dateirouten konfigurieren, Routen mit Authentifizierungsschutz schützen oder Typregistrierungsfehler beheben. Verwendung für Router-Einrichtung, Navigationsmuster, URL-Statusverwaltung, Datenladen. Quelle: oakoss/agent-skills.