·react-useeffect
</>

react-useeffect

Réagissez aux meilleures pratiques useEffect tirées des documents officiels. À utiliser lors de l'écriture/révision de useEffect, useState pour les valeurs dérivées, la récupération de données ou la synchronisation d'état. Enseigne quand NE PAS utiliser Effect et de meilleures alternatives.

11Installations·1Tendance·@petekp

Installation

$npx skills add https://github.com/petekp/claude-code-setup --skill react-useeffect

Comment installer react-useeffect

Installez rapidement le skill IA react-useeffect 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/petekp/claude-code-setup --skill react-useeffect
  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 : petekp/claude-code-setup.

Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect.

| Derived state from props/state | useState + useEffect | Calculate during render | | Expensive calculations | useEffect to cache | useMemo | | Reset state on prop change | useEffect with setState | key prop | | User event responses | useEffect watching state | Event handler directly |

| Notify parent of changes | useEffect calling onChange | Call in event handler | | Fetch data | useEffect without cleanup | useEffect with cleanup OR framework |

Réagissez aux meilleures pratiques useEffect tirées des documents officiels. À utiliser lors de l'écriture/révision de useEffect, useState pour les valeurs dérivées, la récupération de données ou la synchronisation d'état. Enseigne quand NE PAS utiliser Effect et de meilleures alternatives. Source : petekp/claude-code-setup.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/petekp/claude-code-setup --skill react-useeffect
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from petekp/claude-code-setup

Réponses rapides

Qu'est-ce que react-useeffect ?

Réagissez aux meilleures pratiques useEffect tirées des documents officiels. À utiliser lors de l'écriture/révision de useEffect, useState pour les valeurs dérivées, la récupération de données ou la synchronisation d'état. Enseigne quand NE PAS utiliser Effect et de meilleures alternatives. Source : petekp/claude-code-setup.

Comment installer react-useeffect ?

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/petekp/claude-code-setup --skill react-useeffect 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/petekp/claude-code-setup