no-use-effect
CommunityPrevent useEffect usage in React code.
Authoralejandrobailo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enforces a strict no-direct-useEffect rule in React and React Native codebases, guiding developers toward derived state, inline computations, and the appropriate use of useMemo, data-fetching libraries, or mount-time wrappers.
Core Features & Use Cases
- Enforces the no-useEffect rule across component code in React/React Native projects.
- Suggests best practices like deriving state inline, using useMemo, and preferring event handlers or data-fetching libraries over effects.
- Supports guidance during writing, code reviews, and refactoring, including detection of direct useEffect mentions.
Quick Start
Install the skill in your project and enable enforcement so any direct useEffect usage surfaces guidance.
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: no-use-effect Download link: https://github.com/alejandrobailo/no-use-effect/archive/main.zip#no-use-effect 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 471,000+ vetted skills library on demand.