SuperAPI AI 工具集

frontend-development

编程与开发

查看项目

更新于 10-16 02:27

技能介绍

用途:这是一份面向现代前端开发的综合指南与规范,覆盖 React、Vue 3、Svelte 5 和 Angular,提供各框架的特定模式、通用架构原则与跨框架最佳实践。

主要能力:包含框架选择指南(按项目规模、团队经验、性能、生态与 TypeScript 支持对比),各框架的组件模式、状态管理、路由、数据获取、样式与性能优化说明,以及快速对照表(响应式机制、组件写法、状态管理、路由、数据获取、样式、全栈方案、打包体积与编译方式)。

适用场景:在 React、Vue、Svelte 或 Angular 中创建组件或页面;用框架特定模式构建新功能;实现状态管理(Pinia、Zustand、stores、signals);配置路由(TanStack Router、Vue Router、SvelteKit、Angular Router);数据获取(TanStack Query、composables、SvelteKit load functions);跨框架性能优化、组件组合与复用、TypeScript 集成,以及框架选型与迁移。

使用方式:资料给出 React 的组件清单、导入别名(@/、~types、~components、~features)、常用导入速查、特性目录结构、TanStack Router 的 createFileRoute 示例、Suspense 与 useSuspenseQuery 的加载错误处理要点;Vue 3 的 script setup、defineProps、Pinia、Vue Router 与 composables 示例;Svelte 5 的 Runes、SvelteKit 与渐进增强;Angular 的独立组件、Signals、OnPush 与 inject()。命令与代码保持原样,未提供安装步骤。

限制:资料未提供具体安装命令、版本依赖、收费或价格信息,也未提供实际运行效果与性能数据;Vue 3 最佳实践部分在原文中被截断。部分示例中的 fetchUser、api.getUsers、api.getUser 等函数未给出实现来源。