react

When to use this skill

Use this skill whenever the user wants to:

• Build user interfaces with React components and JSX
• Manage component state and lifecycle with hooks
• Create reusable, composable React components
• Use Context API or state management libraries (Redux, Zustand)
• Set up React projects with Vite or Create React App
• Implement routing with React Router
• Optimize rendering performance (React.memo, useMemo, lazy loading)

How to use this skill

Workflow

1. Identify the request area (component creation, state management, routing, performance, etc.)
2. Apply React best practices following the official documentation patterns
3. Generate JSX/TSX code using functional components and hooks
4. Verify the component tree renders correctly and state flows are clean