Define reusable React patterns for components, hooks, state, and routing.
npx skills add https://github.com/iamandrewpeters/claude-skills --skill react-iamandrewpeters
Please help me install this Agent Skill. Skill: react Source: https://github.com/iamandrewpeters/claude-skills/tree/main/react Command: npx skills add https://github.com/iamandrewpeters/claude-skills --skill react-iamandrewpeters
This Skill helps developers streamline React development by providing proven patterns, reusable structures, and practical examples that reduce boilerplate and speed up delivery.
Create a minimal React component using a functional pattern with props and children.
High-intent search queries and answers about installing and using this skill.
To reduce React boilerplate, apply functional component patterns that standardize Props and Children handling. This provides reusable structures for consistent implementation and accelerates delivery across projects of various sizes.
Manage shared state in React without prop drilling using the Context pattern. This defines reusable structures for shared state and provider usage, enabling efficient state management across deeply nested components.
Create custom hooks for API calls in React by following established custom hook patterns for shared logic. This standardizes data fetching processes, encapsulates reusable logic, and reduces repetitive boilerplate across your application.
Yes, these React development patterns work with common libraries like React Router, TanStack Query, and Zustand. The skill provides integration guidance and debugging support to ensure consistent implementation when using these tools.
Use useMemo and useCallback hooks in React components to optimize performance by memoizing expensive calculations and callback functions. Common hooks usage patterns guide their correct implementation to prevent unnecessary re-renders.
ed3daiPlan, implement, and test React components with TypeScript and hooks.
mikemylTest React components, hooks, and context providers with Vitest browser mode.
gileckStandardize state management with React Query, Zustand, and useState.
Eva813Guide React development with state management and render optimization decisions.
