custom-react-hooks
CommunityBuild and reuse robust React hooks.
Authorwonkpentink
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Developers often duplicate stateful logic across components and struggle to keep data fetching, mutation, and authentication flows consistent. This Skill provides structured patterns and templates to extract reusable React hooks that encapsulate common logic, improve maintainability, and enable domain-specific hooks across teams.
Core Features & Use Cases
- Organizes hooks by domain (custom, customer, employee, idm, mdm, partner) and by pattern (utility, query, mutation, auth).
- Integrates with TanStack Query for data fetching and mutations, with TypeScript typings and error handling.
- Provides best practices, real-world examples, and reusable templates to accelerate development.
Quick Start
Create a new hook under src/hooks following the provided patterns and adapt it to your domain needs.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: custom-react-hooks Download link: https://github.com/wonkpentink/agent-skills-fe/archive/main.zip#custom-react-hooks Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.