narrow-effect-dependencies

What problem does it solve?

This Skill helps developers avoid unnecessary re-runs of React's useEffect hook by ensuring dependencies are primitive values or specific properties, rather than entire objects.

Core Features & Use Cases

• Dependency Optimization: Reduces redundant effect executions by specifying precise dependencies.
• Derived State Management: Guides on computing derived state outside of effects for better performance.
• Use Case: Prevent a useEffect hook that only needs user.id from re-running every time any part of the user object changes.

Quick Start

Use the narrow-effect-dependencies skill to refactor the provided useEffect hook to use primitive dependencies.