·react-best-practices
</>

react-best-practices

Appliquez les meilleures pratiques de React lors de la rédaction ou de la révision du code React. À utiliser lors de la création de composants, de la révision des PR, de la refactorisation du code React, de la résolution de problèmes de performances, du débogage des rendus, de la structuration de l'état et du flux de données, de la conversion de useEffect en chargeurs, de la création de formulaires ou de la question « comment dois-je structurer ce composant ».

13Installations·1Tendance·@yonderlab

Installation

$npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices

Comment installer react-best-practices

Installez rapidement le skill IA react-best-practices 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-best-practices
  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.

If the codebase uses a different data fetching approach (TanStack Query, SWR, etc.), adapt the data fetching guidance accordingly.

User prompt: "This component has too many useEffects, can you clean it up?"

User prompt: "Migrate this component to use React Router loaders"

Appliquez les meilleures pratiques de React lors de la rédaction ou de la révision du code React. À utiliser lors de la création de composants, de la révision des PR, de la refactorisation du code React, de la résolution de problèmes de performances, du débogage des rendus, de la structuration de l'état et du flux de données, de la conversion de useEffect en chargeurs, de la création de formulaires ou de la question « comment dois-je structurer ce composant ». 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-best-practices
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-best-practices ?

Appliquez les meilleures pratiques de React lors de la rédaction ou de la révision du code React. À utiliser lors de la création de composants, de la révision des PR, de la refactorisation du code React, de la résolution de problèmes de performances, du débogage des rendus, de la structuration de l'état et du flux de données, de la conversion de useEffect en chargeurs, de la création de formulaires ou de la question « comment dois-je structurer ce composant ». Source : yonderlab/kota.agent.skills.

Comment installer react-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/yonderlab/kota.agent.skills --skill react-best-practices 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