@alejandrobailo/no-use-effect

ALWAYS ACTIVE. Enforces a strict no-direct-useEffect rule in React and React Native code. Never write useEffect directly — use derived state, event handlers, useMemo, useSyncExternalStore, data-fetching libraries, key-based resets, or useMountEffect instead. Triggers on all React component code: writing new components, editing existing ones, reviewing code, fixing bugs, or refactoring. Also triggers when user mentions useEffect, side effects, data fetching, state sync, or component lifecycle.

View in AI SkillSafe app
Scanned · no findings
0 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@alejandrobailo/no-use-effect/verified)](https://skillsafe.ai/skill/@alejandrobailo/no-use-effect/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@alejandrobailo/no-use-effect/installs)](https://skillsafe.ai/skill/@alejandrobailo/no-use-effect/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@alejandrobailo/no-use-effect/scan)](https://skillsafe.ai/skill/@alejandrobailo/no-use-effect/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@alejandrobailo/no-use-effect/eval)](https://skillsafe.ai/skill/@alejandrobailo/no-use-effect/)