Cómo usar
- Copia el comando y revisa el paquete antes de instalarlo en tu entorno de agente.
- Consulta las herramientas, credenciales y entornos necesarios en el documento original.
- Describe las entradas y el resultado deseado; contrasta la salida con las fuentes.
npx skills add https://github.com/full-stack-skills/react-skills --skill reactAntes de empezar
- La instalación no incluye suscripción al modelo, cuota API ni permisos sobre tus archivos.
- Las estrellas e instalaciones reflejan actividad, no una prueba independiente de calidad o seguridad.
Documento original del Skill
Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.
When to use this skill
Use this skill whenever the user wants to:
- 用 React 构建 UI、管理状态与生命周期、使用 Hooks 或类组件
- 配置 Vite/CRA、路由、状态库与构建优化
How to use this skill
- 起步：create-react-app 或 Vite+React；组件、JSX、props/state。
- 模式：Hooks（useState、useEffect、自定义）；Context 或 Redux；路由（React Router）。
- 参考：官方文档 https://react.dev/ ；测试与性能（memo、lazy）。
Best Practices
- 组件单一职责与可复用；状态提升与受控组件。
- 列表 key、副作用清理；避免内联对象导致重渲染。
Keywords
react, React Hooks, JSX, 组件, 状态
