react

用途：当用户希望使用 React 构建用户界面、以组件和 JSX 组织 UI，或需要管理组件状态与生命周期时使用。覆盖组件创建、状态管理、路由、性能优化等方向。主要能力：生成遵循官方文档模式的 JSX/TSX 代码，采用函数组件与 Hooks；支持 useState、useEffect 管理状态与副作用，使用 Context API 或 Redux、Zustand 等状态管理库；可用 React Router 实现路由，用 Vite 或 Create React App 搭建项目；可通过 React.memo、useMemo、懒加载优化渲染性能。工作流程：先识别请求领域（组件创建、状态管理、路由、性能等），再按 React 最佳实践生成代码，最后验证组件树渲染与状态流转是否正确。实践要点：组件保持小而单一职责；状态提升到最近公共祖先，深层共享状态用 Context；列表渲染提供稳定 key；在 useEffect 返回函数中清理订阅、定时器等副作用；避免在 JSX 内联创建新对象或函数以减少不必要的重渲染；对大型路由用 React.lazy 与 Suspense 做代码分割。官方资源包括 react.dev、React Hooks 参考与 Create React App 文档。限制：具体安装命令、版本要求、价格或平台支持等资料暂未提供。