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 |
Типобезопасная маршрутизация React на основе файлов с загрузчиками маршрутов, проверкой параметров поиска, разделением кода, предварительной загрузкой, навигацией, контекстом маршрута и интеграцией запросов TanStack. Используйте при настройке маршрутизации на основе файлов, добавлении проверки параметров поиска, реализации загрузчиков маршрутов, маршрутов разделения кода, настройке маршрутов виртуальных файлов, защите маршрутов с помощью средств аутентификации или исправлении ошибок регистрации типов. Используйте для настройки маршрутизатора, шаблонов навигации, управления состоянием URL-адресов, загрузки данных. Источник: oakoss/agent-skills.