Como usar
- Copie o comando e verifique o pacote antes de instalar no seu ambiente de agente.
- Consulte no original as ferramentas, credenciais e ambientes necessários.
- Descreva os dados de entrada e a entrega esperada; confira a saída com as fontes.
npx skills add https://github.com/full-stack-skills/react-skills --skill reactAntes de começar
- A instalação não inclui assinatura de modelo, franquia API ou acesso aos seus arquivos.
- Estrelas e instalações indicam atividade, não um teste independente de qualidade ou segurança.
Documento original do Skill
Renderizado do repositório de origem, preservando títulos, exemplos, código, tabelas, links e imagens.
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, 组件, 状态
