react-router-v7
✓Meilleures pratiques de React Router v7 pour le routage basé sur les données. À utiliser lors de l'implémentation d'itinéraires, de chargeurs, d'actions, de composants de formulaire, d'extracteurs, de gardes de navigation, d'itinéraires protégés ou de paramètres de recherche d'URL. Déclencheurs sur createBrowserRouter, RouterProvider, useLoaderData, useActionData, useFetcher, NavLink, Outlet.
Installation
SKILL.md
Use : Creating/deleting with URL change, adding to history Use useFetcher: Inline updates, list operations, popovers - no URL change
Use loader: Data before render, server-side fetch, automatic revalidation Use useEffect: Client-only data, user-interaction dependent, subscriptions
| Feature | Framework Mode | Data Mode | Declarative Mode |
Meilleures pratiques de React Router v7 pour le routage basé sur les données. À utiliser lors de l'implémentation d'itinéraires, de chargeurs, d'actions, de composants de formulaire, d'extracteurs, de gardes de navigation, d'itinéraires protégés ou de paramètres de recherche d'URL. Déclencheurs sur createBrowserRouter, RouterProvider, useLoaderData, useActionData, useFetcher, NavLink, Outlet. Source : existential-birds/beagle.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/existential-birds/beagle --skill react-router-v7- Source
- existential-birds/beagle
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que react-router-v7 ?
Meilleures pratiques de React Router v7 pour le routage basé sur les données. À utiliser lors de l'implémentation d'itinéraires, de chargeurs, d'actions, de composants de formulaire, d'extracteurs, de gardes de navigation, d'itinéraires protégés ou de paramètres de recherche d'URL. Déclencheurs sur createBrowserRouter, RouterProvider, useLoaderData, useActionData, useFetcher, NavLink, Outlet. Source : existential-birds/beagle.
Comment installer react-router-v7 ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/existential-birds/beagle --skill react-router-v7 Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/existential-birds/beagle
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01