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.
Installation
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.
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- Source
- sergiodxa/agent-skills
- 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
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01