dont-use-use-effect

What problem does it solve?

This Skill helps developers avoid common pitfalls and anti-patterns when using React's useEffect hook, ensuring more efficient, maintainable, and bug-free React applications.

Core Features & Use Cases

• Identify Anti-Patterns: Detects and guides users away from incorrect uses of useEffect for derived state, event handling, or state resetting.
• Correct Usage Guidance: Explains when useEffect is appropriate for synchronizing with external systems.
• Best Practices Enforcement: Covers essential aspects like cleanup functions, dependency arrays, useEffectEvent, and handling race conditions.
• Use Case: When refactoring a React component, use this Skill to review all useEffect hooks, ensuring they are correctly implemented and that no better alternatives exist.

Quick Start

Review the provided React code snippet for any incorrect usage of the useEffect hook.