react-patterns

Extract custom hooks in React by identifying repeated stateful logic across components and moving it into a isolated function. This Skill guides you on exactly when to extract hooks to improve reusability and maintainability.

The best way to manage complex form state in React involves evaluating dedicated state management solutions. This Skill provides guidance on selecting tools like Zustand or Redux Toolkit and structuring useForm hooks.

Optimize React performance by applying targeted composition and rendering strategies. This Skill outlines specific techniques to identify performance bottlenecks and implement scalable component design.

Structure React 19 components by separating Server and Client responsibilities based on data fetching and interactivity needs. This Skill covers modern component design principles for scalable applications.

TypeScript best practices for React involve defining clear interfaces for props and events to ensure type safety. This Skill details how to apply TypeScript typing to common React scenarios.

You should avoid custom hooks for state management when a global store is required for shared data across distant components. This Skill helps determine when to use composition or dedicated state management solutions instead.