custom-hook

What problem does it solve?

This Skill automates the boilerplate for creating reusable React hooks, ensuring consistent interfaces, memoization patterns, and a clean export strategy with an index.ts.

Core Features & Use Cases

• Boilerplate automation: Scaffold new hooks with a consistent structure, including option interfaces and a ready export.
• Pattern library: Includes TypeScript interfaces, memoized callbacks, and a centralized index.ts export.
• Use Case: Quickly build hooks for form state, API calls, or UI interactions and reuse them across components.

Quick Start

Create a new hook file under src/hooks (for example, src/hooks/useHookName.ts) following the provided template, and update src/hooks/index.ts to export the hook (e.g., export { useHookName } from './useHookName').