No Use Effect

This skill enforces a strict no useEffect rule in React codebases by providing five concrete replacement patterns: derive state inline instead of syncing it, use data-fetching libraries like useQuery, handle user actions in event handlers, use the escape hatch useMountEffect for legitimate mount-only side effects, and leverage the key prop to reset component state. It activates during component writing, refactoring, and PR reviews to catch unnecessary effects before they ship. The approach comes from production experience with race conditions and extra render cycles. If you've inherited a codebase full of setState inside useEffect or fetch wrapped in dependency arrays, this gives you a systematic way to clean it up. Includes ESLint config and verification commands.

Install to Claude Code

npx -y skills add factory-ai/factory-plugins --skill no-use-effect --agent claude-code