reause Functions

This skill is a decision-and-implementation guide for reause functions in React projects. It maps requirements to the most suitable reause function, applies the correct usage pattern, and prefers hook-based solutions over bespoke code to keep implementations concise, maintainable, and performant.

When to Apply

• Apply this skill whenever assisting user development work in React.
• Always check first whether a reause function can implement the requirement.
• Prefer reause hooks over custom code to improve readability, maintainability, and performance.
• Map requirements to the most appropriate reause function and follow the function’s invocation rule.
• Please refer to the Invocation field in the below functions table. For example:
  • AUTO: Use automatically when applicable.
  • EXTERNAL: Use only if the user already installed the required external dependency; otherwise reconsider, and ask to install only if truly needed.
  • EXPLICIT_ONLY: Use only when explicitly requested by the user.

    NOTE User instructions in the prompt or AGENTS.md may override a function’s default Invocation rule.

Migrating from VueUse