Linee guida per il corretto utilizzo degli effetti da parte di React ed evitare effetti non necessari. Da utilizzare durante la scrittura, la revisione o il refactoring dei componenti React che utilizzano useEffect, useState o gestiscono gli effetti collaterali. Trigger su attività che coinvolgono React Effects, stato derivato, gestori di eventi, recupero di dati o sincronizzazione dei componenti.
Installa rapidamente la skill AI react-effect-patterns nel tuo ambiente di sviluppo tramite riga di comando
Fonte: nbbaier/agent-skills.
Effects are an escape hatch from React for synchronizing with external systems. Removing unnecessary Effects makes code easier to follow, faster to run, and less error-prone.
| Transform data | Calculate during render | | Expensive calculation | useMemo | | Reset all state on prop | key attribute | | Adjust state on prop | Derive during render | | Share event logic | Extract function, call from handlers | | User events | Event handlers | | External system sync | Effect | | Notify parent | Update in handler or lift state |
| Init once | Module-level or guard variable | | External store | useSyncExternalStore | | Fetch data | Effect with cleanup |
Linee guida per il corretto utilizzo degli effetti da parte di React ed evitare effetti non necessari. Da utilizzare durante la scrittura, la revisione o il refactoring dei componenti React che utilizzano useEffect, useState o gestiscono gli effetti collaterali. Trigger su attività che coinvolgono React Effects, stato derivato, gestori di eventi, recupero di dati o sincronizzazione dei componenti. Fonte: nbbaier/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/nbbaier/agent-skills --skill react-effect-patternsLinee guida per il corretto utilizzo degli effetti da parte di React ed evitare effetti non necessari. Da utilizzare durante la scrittura, la revisione o il refactoring dei componenti React che utilizzano useEffect, useState o gestiscono gli effetti collaterali. Trigger su attività che coinvolgono React Effects, stato derivato, gestori di eventi, recupero di dati o sincronizzazione dei componenti. Fonte: nbbaier/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/nbbaier/agent-skills --skill react-effect-patterns Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/nbbaier/agent-skills