react-effect-patterns

What problem does it solve?

Misuses and unclear patterns of React useEffect lead to hard-to-maintain code, unnecessary renders, and subtle bugs. This Skill provides a structured approach to evaluating when to use effects and how to avoid common anti-patterns.

Core Features & Use Cases

• Provides a decision tree and best-practice guidance for useEffect, derived state, and event handling.
• Documents common anti-patterns with concrete replacements to reduce unnecessary effects and improve readability.
• Useful during writing, reviewing, or refactoring React components that rely on effects, data fetching, or synchronization with external systems.

Quick Start

Refactor a component by applying the guidelines to minimize unnecessary effects and improve clarity.