TA
router-core
Фреймворк-агностичное ядро TanStack Router: деревья маршрутов, создание роутов (createRoute, createRootRoute), регистрация типов и сопоставление. Точка входа для всех навыков роутера.
Что делает навык
Навык router-core предоставляет фреймворк-агностичное ядро TanStack Router для создания деревьев маршрутов, регистрации типов и сопоставления. Он служит точкой входа для всех навыков роутера, обеспечивая типобезопасность и клиент-ориентированную архитектуру.
Когда применять
- Создание корневых маршрутов и определение структуры дерева маршрутов с помощью createRootRoute.
- Регистрация роутов и настройка модуля Register для обеспечения автодополнения и типобезопасности.
- Выбор специализированного поднавыка (например, для поиска параметров или загрузки данных) на основе задачи.
- Генерация файла routeTree.gen.ts с использованием Vite-плагина или CLI для автоматического обновления путей.
Как работает
- Импортировать функции createRootRoute, Outlet, createFileRoute и createRouter из @tanstack/react-router.
- Определить корневой маршрут (Route) с компонентом Outlet и экспортировать его.
- Создать конкретный маршрут (например, index) с помощью createFileRoute, указав путь, соответствующий файлу.
- Инициализировать экземпляр роутера через createRouter, передав сгенерированное дерево маршрутов.
- Объявить интерфейс Register в модуле @tanstack/react-router, связав его с экземпляром роутера.
- Использовать RouterProvider в корневом компоненте приложения для подключения роутера.
Примеры запросов агенту
Как правильно создать корневой маршрут и подключить его к приложению?
Как настроить типобезопасность роутера через интерфейс Register?
Как создать маршрут для главной страницы с использованием createFileRoute?
Что понадобится
- Установка пакета @tanstack/router-core (версия v1.171.15)
- Наличие Vite-плагина или CLI для генерации routeTree.gen.ts
- Среда выполнения, поддерживающая клиент-ориентированные загрузчики (client-first)
Описание составлено по SKILL.md навыка, сверено 12.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «router-core» из репозитория:
# https://github.com/tanstack/router
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r router-core/ ~/.claude/skills/router-core/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.