react-patterns

Name: react-patterns
Availability: InStock
Author: hydershah

Create React functional components with hooks, custom hooks, and React.memo.

Updated Dec 30, 2025

Search Tags:#react #hooks #state-management #memoization #render-props #lazy-loading #component-patterns

Ready to run

npx skills add https://github.com/hydershah/advance-appliance --skill react-patterns-hydershah

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-patterns
Source: https://github.com/hydershah/advance-appliance/tree/main/.claude/skills/react-patterns
Command: npx skills add https://github.com/hydershah/advance-appliance --skill react-patterns-hydershah

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill covers React best practices, hooks patterns, and component architecture to help build maintainable, scalable UIs.

Core Features & Use Cases

Functional components with hooks and small focused components
Custom hooks for reusable logic
State management options (Context, Zustand, Jotai, Redux)
Performance optimization with memoization and lazy loading
Component patterns: Compound components, Render props, Higher-Order Components

Quick Start

Create a new functional component that uses useState, a custom hook, and React.memo to render a small UI.