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 |

공식 문서의 useEffect 모범 사례에 반응하세요. useEffect를 작성/검토할 때, 파생 값을 위한 useState, 데이터 가져오기 또는 상태 동기화를 위해 사용합니다. 효과와 더 나은 대안을 사용하지 말아야 할 경우를 가르칩니다. 출처: jarrodwatts/claude-code-config.

원본 보기