搜索结果: "react"
前端导入优化技巧Skill bundle-barrel-imports
这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载，提高开发启动速度、构建效率和冷启动性能，适用于使用React等现代前端框架时的库导入优化。关键词：前端优化、捆绑大小、导入优化、性能提升、barrel files。
ZodSkill zod
Zod 是一个用于 TypeScript 的数据模式验证库，主要用于定义和验证数据模式，确保代码的健壮性和类型安全。它广泛应用于前后端开发，特别是 Node.js 和 React 项目中。关键词：Zod, TypeScript, 模式验证, 数据验证, 运行时验证, 类型安全
VercelReact最佳实践Skill vercel-react-best-practices
这是一个由Vercel工程团队提供的React和Next.js性能优化技能指南，包含57条规则，分为8个优先级类别，用于指导开发者编写、审查和重构代码，以消除性能瓶颈、优化包大小、提升服务器和客户端性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码重构, 包优化, 数据获取
AntDesignMobile移动UI组件库技能Skill ant-design-mobile
Ant Design Mobile 是一个专为React移动应用设计的UI组件库，提供丰富的移动端组件如按钮、输入框、表单等，支持主题定制、平台适配和移动特定功能如下拉刷新、无限滚动。适用于构建移动友好界面，提升开发效率，关键词包括：Ant Design Mobile, 移动UI, React组件, 移动应用开发, UI组件库。
React组合模式Skill vercel-composition-patterns
React组合模式是一种前端开发技能，用于构建可维护的React组件，避免布尔属性泛滥，提升代码质量和团队协作效率。关键词：React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构
Relay片段模式Skill relay-fragments-patterns
这个技能专注于使用Relay的片段模式来构建可维护的React应用程序。通过组件级数据声明、自动组合、数据掩码和优化数据获取，实现高效的数据依赖管理和组件共位，适用于数据密集型应用如社交媒体、电商平台等。关键词：Relay、React、GraphQL、片段、数据掩码、组件共位、前端开发。
UI组件迁移器Skill ui-component-migrator
UI组件迁移器是一款用于在不同前端框架（如React、Vue、Angular）之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移，支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器，实现高效、准确的框架迁移，减少手动重构工作量，提升前端项目现代化升级效率。
React服务器组件技能Skill react-server-components
React服务器组件技能是专门用于实现React服务器组件架构的专业能力，包含流式传输、数据获取、客户端与服务器组件组合、性能优化等核心模式。该技能帮助开发者设计合理的组件边界，优化应用性能，实现高效的数据流管理。关键词：React服务器组件、Next.js、流式渲染、组件组合、性能优化、数据获取、Suspense、服务器操作、前端架构。
Lovable集成助手Skill lovable
Lovable集成助手是一个专为Lovable.dev低代码开发平台设计的AI技能工具，主要用于自动化处理Supabase后端部署、数据库迁移和边缘函数管理。该技能提供精确的部署提示词生成、项目结构解析和自动化部署流程，帮助开发者高效管理React+Supabase全栈项目的云端部署工作流。关键词：Lovable.dev, 低代码开发, Supabase部署, 边缘函数, 数据库迁移, 自动化部署, 全栈开发, 云原生应用
常见开发陷阱预防指南Skill common-pitfalls
本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。
React测试Skill react-testing
React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。
FrontendDeveloperAgentSkill develop-frontend
这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。