When to use this skill
Use this skill whenever the user wants to:
- Build UI with React, manage state and lifecycle, use Hooks or class components
- Configure Vite/CRA, routing, state libraries, and build optimization
How to use this skill
- Getting started: create-react-app or Vite+React; components, JSX, props/state.
- Patterns: Hooks (useState, useEffect, custom); Context or Redux; routing (React Router).
- Reference: official documentation https://react.dev/ ; testing and performance (memo, lazy).
Best Practices
- Single responsibility and reusability of components; lifting state up and controlled components.
- List keys, side effect cleanup; avoid re-renders caused by inline objects.
Keywords
react, React Hooks, JSX, components, state