react-useeffect-avoid

What problem does it solve?

This Skill guides developers on when not to use React's useEffect hook, preventing common performance issues, bugs, and complex state management problems.

Core Features & Use Cases

• Identify Anti-Patterns: Recognizes and explains common mistakes like using useEffect for derived state, state resets, or waterfalls.
• Suggest Alternatives: Provides clear, idiomatic React solutions like calculating during render, using the key prop, or leveraging event handlers.
• Use Case: A developer is unsure if they should use useEffect to update a list based on a prop change. This Skill explains why that's an anti-pattern and shows them how to achieve the same result more efficiently by filtering during render.

Quick Start

Explain why using useEffect to reset form state when a prop changes is an anti-pattern and provide the recommended alternative.