用途:在构建 React 18+ 应用(.jsx/.tsx)、Next.js App Router 项目或 create-react-app 环境时使用,帮助创建组件、实现状态管理、优化性能、搭建项目架构,并处理 React 19 Server Components、表单 actions 与数据获取。
主要能力:覆盖 Server Components 与 Next.js App Router、React 19 的 use() 与 useActionState、状态管理(Context、Zustand、Redux、TanStack)、自定义 Hooks、性能优化(memo、lazy、虚拟化)、React Testing Library 测试,以及类组件向 Hooks/RSC 迁移。
使用方式:按工作流推进——分析需求确定组件层级、状态与数据流;选择状态管理和数据获取模式;用 TypeScript 编写组件;运行 tsc --noEmit 校验类型,失败则修复并重跑直至通过;按需做记忆化与无障碍优化;用 React Testing Library 编写测试,断言失败需调试修复后再提交。可按上下文加载参考文档,如 references/server-components.md、references/react-19-features.md、references/state-management.md、references/hooks-patterns.md、references/performance.md、references/testing-react.md、references/migration-class-to-modern.md。
约束:必须使用 TypeScript 严格模式、实现错误边界、正确使用 key、清理副作用、使用语义化 HTML 与 ARIA、在向记忆化子组件传回调/对象时做记忆化、为异步操作使用 Suspense 边界;不得直接修改 state、用数组索引作动态列表 key、在 JSX 内创建函数、忘记 useEffect 清理、忽略严格模式警告或跳过生产环境错误边界。
适用场景:新建 React 组件或功能、实现本地/Context/Redux/Zustand 状态管理、性能调优、项目架构搭建、React 19 Server Components 与表单、TanStack Query 或 use() 数据获取。
限制:资料未提供安装命令、收费与价格、平台支持范围及具体效果数据。