react-router
Installation
SKILL.md
React Router
The skill is based on React Router v7.13.0, generated at 2026-01-31.
React Router is a multi-strategy router for React bridging the gap from React 18 to React 19. You can use it maximally as a React framework or as minimally as you want. It supports three modes: Declarative (basic routing), Data (with loaders/actions), and Framework (full-featured with type safety and code splitting).
Core References
| Topic | Description | Reference |
|---|---|---|
| Modes | Three usage modes: Framework, Data, and Declarative - choosing the right approach | core-modes |
| Routing | Route configuration, path patterns, nested routes, layout routes, and route matching | core-routing |
| Navigation | Navigation components and hooks: Link, NavLink, Form, useNavigate, redirect | core-navigation |
| Data Loading | Loading data with loaders and clientLoaders in route modules | core-data-loading |
| Actions | Data mutations with actions and clientActions in route modules | core-actions |
| Route Module | Route module API: component, loader, action, error boundary, headers, meta, and more | core-route-module |
| Hooks | Essential React Router hooks: useNavigation, useLocation, useParams, useMatches, and more | core-hooks |