react-effect-decision
CommunityAvoid direct useEffect; derive in render.
Authorwaynesutton
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Combines React's official guidance from You Might Not Need an Effect with this project's stricter no direct useEffect stance to help developers avoid unnecessary effects and keep derived state in render, reducing unintentional side effects.
Core Features & Use Cases
- Provides a decision framework to minimize direct useEffect usage by deriving values in render, using event handlers, and leveraging key-based remounts.
- Offers patterns like a dedicated useMountEffect wrapper for one-time setups, and guidance for subscriptions, external data, and client fetching without sprinkling raw effects throughout feature code.
- Suits writing, reviewing, or refactoring React components that might otherwise reach for useEffect, derived state, or external synchronization.
Quick Start
Refactor components to derive values in render and replace direct useEffect with event handlers, memoization, or a dedicated useMountEffect wrapper.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-effect-decision Download link: https://github.com/waynesutton/finder9/archive/main.zip#react-effect-decision Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.