Enforces modern React best practices by replacing problematic useEffect calls with efficient architectural patterns like derived state and event handlers.
The No-useEffect skill is a specialized guide for Claude Code that prevents the common pitfalls of overusing the useEffect hook in React applications. It guides the AI to prioritize idiomatic React patterns such as inline state derivation, event-driven actions, and key-based component resets, which leads to fewer re-renders and more predictable code. This skill is particularly useful during refactoring or when building new features to ensure your React codebase remains performant, readable, and free of race conditions often introduced by manual effect management.
主な機能
01Implements useMountEffect as a controlled escape hatch for external system integration.
02Bans direct useEffect calls to eliminate common React anti-patterns.
03Promotes derived state computation to reduce unnecessary render cycles.
04Encourages robust data-fetching patterns using specialized hooks and libraries.
050 GitHub stars
06Enforces event-driven logic instead of effect-based state synchronization.
ユースケース
01Refactoring complex legacy components to improve performance and maintainability.
02Automating code reviews to catch and replace inefficient effect-based logic.
03Ensuring AI-generated React code follows modern architectural standards and documentation.
