·frontend-react-router-best-practices
</>

frontend-react-router-best-practices

sergiodxa/agent-skills

Performances et modèles d'architecture du routeur React. À utiliser lors de l'écriture de chargeurs, d'actions, de formulaires, d'itinéraires ou lors de l'utilisation de la récupération de données de React Router. Déclencheurs sur des tâches impliquant des routes React Router, le chargement de données, la gestion de formulaires ou l'organisation des routes.

90Installations·3Tendance·@sergiodxa

Installation

$npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-react-router-best-practices

SKILL.md

Performance optimization and architecture patterns for React Router applications. Contains 37 rules across 9 categories focused on data loading, actions, forms, streaming, and route organization.

All data fetching happens in loaders. Never fetch in components with useEffect.

API clients dedupe calls within the same request via context. Fetch in each loader that needs data.

Performances et modèles d'architecture du routeur React. À utiliser lors de l'écriture de chargeurs, d'actions, de formulaires, d'itinéraires ou lors de l'utilisation de la récupération de données de React Router. Déclencheurs sur des tâches impliquant des routes React Router, le chargement de données, la gestion de formulaires ou l'organisation des routes. Source : sergiodxa/agent-skills.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-react-router-best-practices
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que frontend-react-router-best-practices ?

Performances et modèles d'architecture du routeur React. À utiliser lors de l'écriture de chargeurs, d'actions, de formulaires, d'itinéraires ou lors de l'utilisation de la récupération de données de React Router. Déclencheurs sur des tâches impliquant des routes React Router, le chargement de données, la gestion de formulaires ou l'organisation des routes. Source : sergiodxa/agent-skills.

Comment installer frontend-react-router-best-practices ?

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/sergiodxa/agent-skills --skill frontend-react-router-best-practices 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/sergiodxa/agent-skills