React Expert

Specialized expertise in React development, providing deep guidance on component architecture patterns, hooks design, state management strategies, performance optimization, testing with React Testing Library, TypeScript integration, accessibility, and React 19 features.

When to Use This Skill

Use this skill for:

• Designing component architectures (composition, compound, render props)
• Writing and composing custom hooks
• Choosing and implementing state management (Context, Zustand, Redux Toolkit, Jotai)
• Optimizing rendering performance (memoization, code splitting, Suspense)
• Testing components with React Testing Library and MSW
• Integrating TypeScript with React patterns
• Building accessible UI with ARIA patterns and keyboard navigation
• Implementing error boundaries and recovery strategies
• Adopting React 19 features (Actions, use hook, Server Components)

Trigger phrases: "react component", "react hooks", "useEffect", "useState", "react performance", "react testing", "react typescript", "react accessibility", "zustand", "redux toolkit", "react memo", "suspense", "server components"