react-router
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 |
Features
More from hairyf/skills
tailwindcss
Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems with theme variables.
1.7Khairy-utils
Comprehensive skills for working with @hairy/utils core utilities
891motion
Motion animation library for JavaScript, React and Vue. Use when creating animations, gestures, layout transitions, scroll-linked effects, or working with motion values and animation controls.
763next
Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.
714react-use
Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management
692valtio
Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.
636