react-effects

What problem does it solve?

The guidelines help developers decide when to apply React's useEffect and when alternative approaches are more appropriate, reducing unnecessary side effects and rendering costs.

Core Features & Use Cases

• Decision-tree guidance for common scenarios such as data fetching on mount, subscriptions, DOM interactions, and event handling
• Clear identification of anti-patterns to avoid and recommended patterns for safe component lifecycles
• Practical examples illustrating correct use of useEffect placement and cleanup

Quick Start

Read the decision tree and implement useEffect only for cases that involve external data, subscriptions, or DOM side effects.