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 |
Enrutamiento React basado en archivos y con seguridad de tipos con cargadores de rutas, validación de parámetros de búsqueda, división de código, precarga, navegación, contexto de ruta e integración de TanStack Query. Úselo al configurar el enrutamiento basado en archivos, agregar validación de parámetros de búsqueda, implementar cargadores de rutas, dividir rutas de código, configurar rutas de archivos virtuales, proteger rutas con protectores de autenticación o corregir errores de registro de tipos. Úselo para la configuración del enrutador, patrones de navegación, administración del estado de URL y carga de datos. Fuente: oakoss/agent-skills.