Enforces a no-direct-`useEffect` rule in React and React Native codebases.
npx skills add https://github.com/alejandrobailo/no-use-effect --skill no-use-effect
Please help me install this Agent Skill. Skill: no-use-effect Source: https://github.com/alejandrobailo/no-use-effect/tree/main Command: npx skills add https://github.com/alejandrobailo/no-use-effect --skill no-use-effect
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.
Install the skill in your project and enable enforcement so any direct useEffect usage surfaces guidance.
High-intent search queries and answers about installing and using this skill.
To avoid useEffect in React components, derive state inline, use useMemo for expensive computations, or prefer event handlers and data-fetching libraries over effects for managing component logic.
The best way to refactor React Native code to remove direct useEffect calls is by replacing them with derived state, inline computations, useMemo, or dedicated data-fetching libraries during code reviews and refactoring.
Enforcing a no-useEffect rule in your React codebase prevents unnecessary side effects, reduces complex re-render cycles, and guides developers toward best practices like inline state derivation and proper data fetching.
Yes, this no-useEffect enforcement applies directly to React Native projects, guiding developers through appropriate primitives during writing, editing, reviewing, or refactoring component code.
A strict no-direct-useEffect rule limits direct side effect management, requiring developers to substitute effects with mount-time wrappers, useMemo, or external data-fetching libraries for operations traditionally handled by useEffect.
Yes, no-use-effect provides guidance during code reviews by detecting direct useEffect mentions and suggesting best practices like deriving state inline or using data-fetching libraries instead.
BabakBarAssess React Native testing requirements and configure Jest with React Native Testing Library.
FindMalekGuide React useEffect usage with decision tables and alternative patterns.
mohamedgshoaibIdentify React useEffect anti-patterns and recommend architectural alternatives.
Fujigo-SoftwareDetect and fix code-quality issues across linting, static analysis, testing, and documentation standards.
