react-router
Installation
SKILL.md
React Router v7 (Data Mode for Vite SPA + Convex)
Use Data Mode (createBrowserRouter + RouterProvider) for Vite SPAs with Convex.
Attribution: remix-run/react-router
Key Principle
Convex handles data, Router handles navigation.
- React Router: routing, navigation, URL params, nested layouts, lazy loading
- Convex: data fetching (
useQuery), mutations (useMutation), real-time updates
Don't use React Router loaders/actions with Convex.