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() |

React Router v7 Data Mode for Vite SPA with Convex backend. Triggers on routing, navigation, nested routes, protected routes, lazy loading. Use for client-side routing in Vite React apps. Source: sebastiaanwouters/dotagents.

View raw