SuperAPI AI 工具集

javascript-react

前端与建站

查看项目

更新于 10-15 22:41

技能介绍

用途:该技能用于编写现代、高性能、类型安全的 JavaScript 与 React 代码,覆盖高级 JavaScript 模式与 React 工程实践。

主要能力:JavaScript 方面涵盖现代语法默认写法(const/let、解构默认值、可选链与空值合并、模板字符串)、async/await 与 Promise.all/allSettled 等异步模式,并引用闭包与模块模式、Proxy 与 Reflect、生成器与异步迭代器、WeakMap/WeakSet、自定义可迭代对象等高级主题。React 方面涵盖函数组件与 TypeScript 接口、自定义 Hooks、useMemo/useCallback、状态管理决策(useState、useReducer、Context、Zustand/Jotai/Redux Toolkit、TanStack Query/SWR),以及复合组件、render props、HOC、错误边界、Suspense 与懒加载、服务端组件等模式。TypeScript 方面涵盖可辨识联合、泛型约束、条件类型、模板字面量类型与严格编译配置。性能方面给出重渲染、包体积、长列表虚拟化、布局抖动、内存泄漏等问题的对应方案与常见反模式。测试建议使用 Vitest、React Testing Library、Playwright、tsd/expect-type,并强调测试行为而非实现、在网络边界用 MSW 模拟。还提供项目结构示例与工具建议(Vite、ESLint、Prettier/Biome、pnpm、Zod)。

使用方式:资料未提供具体安装命令或调用步骤,仅说明在需要编写高级 JavaScript 模式或 React 代码时使用,并引用 references/modern-javascript.md、references/react-patterns.md、references/performance.md、references/testing.md 等参考文件。

适用场景:前端与全栈 JavaScript/React 项目开发、代码审查、性能优化与测试策略制定。

限制:资料未说明收费、价格、平台支持范围与具体效果;部分内容(如 React 19+ 服务端组件)以引用形式给出,未展开细节。