·react-router
</>

react-router

sebastiaanwouters/dotagents

具有 Convex 后端的 Vite SPA 的 React Router v7 数据模式。触发路由、导航、嵌套路由、受保护的路由、延迟加载。用于 Vite React 应用程序中的客户端路由。

7安装·0热度·@sebastiaanwouters

安装

$npx skills add https://github.com/sebastiaanwouters/dotagents --skill react-router

SKILL.md

React Router v7 (Data Mode for Vite SPA + Convex)

Use Data Mode (createBrowserRouter + RouterProvider) for Vite SPAs with Convex.

| Navigate programmatically | useNavigate() | | Get URL params | useParams() | | Get/set search params | useSearchParams() | | Get current location | useLocation() | | Check navigation state | useNavigation() | | Link with active state | | | Render child routes | | | Code split routes | lazy: () => import() |

具有 Convex 后端的 Vite SPA 的 React Router v7 数据模式。触发路由、导航、嵌套路由、受保护的路由、延迟加载。用于 Vite React 应用程序中的客户端路由。 来源:sebastiaanwouters/dotagents。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/sebastiaanwouters/dotagents --skill react-router
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 react-router?

具有 Convex 后端的 Vite SPA 的 React Router v7 数据模式。触发路由、导航、嵌套路由、受保护的路由、延迟加载。用于 Vite React 应用程序中的客户端路由。 来源:sebastiaanwouters/dotagents。

如何安装 react-router?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/sebastiaanwouters/dotagents --skill react-router 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/sebastiaanwouters/dotagents