·react-router-7-framework
</>

react-router-7-framework

Appliquez les meilleures pratiques du mode framework React Router 7, notamment la récupération de données sur le serveur, les chargeurs/actions de type sécurisé, les stratégies d'hydratation appropriées, l'authentification middleware, la gestion des métadonnées, les hooks useMatches/useRouteLoaderData et une sécurité de type maximale. À utiliser lorsque vous travaillez avec le mode framework React Router 7, implémentez des chargeurs, des actions, la protection des routes, le fil d'Ariane, le streaming avec Suspense/Await, les paramètres de recherche d'URL, la validation de formulaire, l'interface utilisateur optimiste, les itinéraires de ressources (points de terminaison d'API), la configuration des itinéraires ou la création d'applications SSR.

14Installations·1Tendance·@yonderlab

Installation

$npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework

Comment installer react-router-7-framework

Installez rapidement le skill IA react-router-7-framework dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : yonderlab/kota.agent.skills.

This skill targets React Router 7.9.0+ in framework mode. Key features by version:

| v7.0 | Framework mode, type generation, loaders/actions, Route. types | | v7.5 | href() utility for type-safe links | | v7.9+ | Stable middleware and context APIs, v8 future flags |

See references/routes-config.md for layout routes, Outlet, splat routes, custom IDs, and nested route patterns.

Appliquez les meilleures pratiques du mode framework React Router 7, notamment la récupération de données sur le serveur, les chargeurs/actions de type sécurisé, les stratégies d'hydratation appropriées, l'authentification middleware, la gestion des métadonnées, les hooks useMatches/useRouteLoaderData et une sécurité de type maximale. À utiliser lorsque vous travaillez avec le mode framework React Router 7, implémentez des chargeurs, des actions, la protection des routes, le fil d'Ariane, le streaming avec Suspense/Await, les paramètres de recherche d'URL, la validation de formulaire, l'interface utilisateur optimiste, les itinéraires de ressources (points de terminaison d'API), la configuration des itinéraires ou la création d'applications SSR. Source : yonderlab/kota.agent.skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-11

Browse more skills from yonderlab/kota.agent.skills

Réponses rapides

Qu'est-ce que react-router-7-framework ?

Appliquez les meilleures pratiques du mode framework React Router 7, notamment la récupération de données sur le serveur, les chargeurs/actions de type sécurisé, les stratégies d'hydratation appropriées, l'authentification middleware, la gestion des métadonnées, les hooks useMatches/useRouteLoaderData et une sécurité de type maximale. À utiliser lorsque vous travaillez avec le mode framework React Router 7, implémentez des chargeurs, des actions, la protection des routes, le fil d'Ariane, le streaming avec Suspense/Await, les paramètres de recherche d'URL, la validation de formulaire, l'interface utilisateur optimiste, les itinéraires de ressources (points de terminaison d'API), la configuration des itinéraires ou la création d'applications SSR. Source : yonderlab/kota.agent.skills.

Comment installer react-router-7-framework ?

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/yonderlab/kota.agent.skills --skill react-router-7-framework Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/yonderlab/kota.agent.skills