add-react-hook

What problem does it solve?

This Skill streamlines the process of creating reusable, well-typed, and tested custom React hooks, promoting cleaner and more maintainable frontend code.

Core Features & Use Cases

• Hook Generation: Creates the boilerplate for a custom React hook, including state management, side effects, and return values.
• TypeScript Support: Ensures proper typing for hook options and return values.
• Testing Integration: Includes a basic test file structure using React Testing Library.
• Use Case: When you find yourself repeating the same stateful logic across multiple React components, use this skill to encapsulate that logic into a custom hook like useFetch or useLocalStorage.

Quick Start

Use the add-react-hook skill to create a new hook named 'useCounter' with basic increment and decrement functionality.