react-useeffect

SKILL.md

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. À utiliser lors de l'écriture d'effets, de valeurs dérivées ou de récupération de données. Enseigne quand NE PAS utiliser les effets et de meilleures alternatives comme useMemo ou les accessoires clés. Source : nweii/agent-stuff.

Voir l'original