react

When to use this skill

Use this skill whenever the user wants to:

• 用 React 构建 UI、管理状态与生命周期、使用 Hooks 或类组件
• 配置 Vite/CRA、路由、状态库与构建优化

How to use this skill

1. 起步：create-react-app 或 Vite+React；组件、JSX、props/state。
2. 模式：Hooks（useState、useEffect、自定义）；Context 或 Redux；路由（React Router）。
3. 参考：官方文档 https://react.dev/ ；测试与性能（memo、lazy）。

Best Practices

• 组件单一职责与可复用；状态提升与受控组件。
• 列表 key、副作用清理；避免内联对象导致重渲染。

Keywords