Profile My skills Saved Collections Edit profile Submit a skill

You Might Not Need An Effect

Review React code for unnecessary useEffect usage based on react.dev guidelines. Analyses code for useEffect anti-patterns and optionally applies fixes. Use when reviewing React code quality or refactoring effects.

ryoppippi Updated
Web & Frontend

File contents

Arguments:

  • scope: what to analyze (default: your current changes). Examples: "diff to main", "PR #123", "src/components/", "whole codebase"
  • fix: whether to apply fixes (default: true). Set to false to only propose changes.

Steps:

  1. https://markdown.new/https://react.dev/learn/you-might-not-need-an-effect If inaccessible: https://react.dev/learn/you-might-not-need-an-effect
  2. Analyze the specified scope for useEffect anti-patterns
  3. If fix=true, apply the fixes. If fix=false, propose the fixes without applying.
  4. If you REALLY REALLY need to use useEffect, add a comment in the code explaining why it's necessary and link to the relevant section of the guidelines.
  5. Remember, useEffect is a escape hatch. If you cannot find alternative solutions, it's a kind of your loser's choice. But always try to find alternatives first before resorting to useEffect.

ryoppippi/dotfiles/tree/main/agents/skills/you-might-not-need-an-effect commit 25c51a68b9

Browse category

Frequently asked questions

npx skillmds@latest add ryoppippi/you-might-not-need-an-effect