搜索结果: "react"
Vitest测试框架指南Skill vitest
这个技能提供Vitest测试框架的全面指导,涵盖快速测试执行、Vite集成、组件测试、模拟和配置。适用于编写快速单元测试、测试Vue/React组件或在Vite项目中配置Vitest。关键词:Vitest, 测试框架, 单元测试, 组件测试, Vite, Jest兼容, 监视模式, HMR, TypeScript, ESM, 模拟, 快照, 覆盖率, 浏览器模式, 视觉回归测试。
ReactNative开发技能Skill ReactNativeDevelopment
React Native 开发技能是一个专注于跨平台移动应用开发的工具集。它深度集成 React Native 生态系统,提供从项目初始化、组件开发、状态管理、导航配置到性能优化、测试和调试的全套解决方案。适用于使用 JavaScript/TypeScript 构建高性能 iOS 和 Android 应用的开发者。关键词:React Native, 跨平台开发, 移动应用, JavaScript, TypeScript, 原生模块, 性能优化, 状态管理, 导航, 测试。
性能优化Skill performance
这是一个全面的性能优化技能,专注于软件应用的性能分析、瓶颈识别、内存泄漏检测、数据库查询优化、前端性能提升(包括核心网页指标LCP/FID/CLS)、负载与压力测试、容量规划以及React等框架的特定优化。适用于开发人员、测试工程师和DevOps专家进行性能调优、监控设置和性能审计,确保应用在高并发下稳定高效运行。关键词:性能分析、瓶颈识别、内存泄漏、数据库优化、前端性能、负载测试、压力测试、容量规划、React优化、核心网页指标、性能监控、代码优化。
后端测试编写器Skill backend-test-writer
后端测试编写器是一个AI工具,专门为MERN堆栈(MongoDB, Express, React, Node.js)后端代码自动生成全面、可运行的测试。它能智能分析项目结构,检测测试框架,并根据文件类型(路由、控制器、服务、模型等)生成相应的单元测试或集成测试。该工具强调零配置、智能默认值,确保测试覆盖成功路径、验证错误、认证失败及各种边缘情况,并包含正确的设置和清理逻辑。关键词:后端测试,自动化测试,MERN堆栈,单元测试,集成测试,Jest,Supertest,测试覆盖率,Node.js,Express,MongoDB。
高效库文档获取器Skill fetching-library-docs
高效库文档获取器是一款基于Context7 MCP技术的智能工具,专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术,实现77%的令牌节省,显著提升开发效率。主要功能包括:自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架(React、Next.js、Prisma等)。适用于开发学习、代码参考、API查询等场景。关键词:文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。
Expo框架规则技能Skill expo-framework-rule
这个技能是Expo框架的编码标准专家,用于帮助开发者遵循Expo框架的最佳实践和指南,包括代码审查、改进建议、模式解释和重构帮助,适用于移动应用开发。关键词:Expo框架, 代码审查, 最佳实践, 移动开发, React Native, 编码标准, 性能优化, 空中更新。
页面构建器设计Skill design-page-builder
这个技能用于设计和实现模块化的页面构建系统,支持组件化、槽位布局和块状编辑,适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构,提升编辑体验和开发效率。关键词:模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。
移动开发Skill mobile-development
移动开发技能专注于使用现代框架如React Native、Flutter、Swift、Kotlin构建iOS和Android移动应用。涵盖移动优先设计、性能优化、离线架构、安全最佳实践等,帮助开发者高效开发高质量移动应用,适用于跨平台或原生开发决策。关键词:移动开发、React Native、Flutter、iOS、Android、性能优化、安全。
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南,涵盖关键领域如组件和状态管理,旨在提高代码质量、可维护性和测试性。关键词:React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
shadcn/ui前端组件库开发技能Skill shadcn
这个技能提供了shadcn/ui组件库的全面最佳实践指南,覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理,适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词:shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。
组件设计Skill component-design
组件设计技能用于创建一致、可重用的React和Vue UI组件,遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建,提升开发效率和代码维护性。关键词:组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。
React状态管理Skill react-state-management
React状态管理技能专注于React应用中的状态管理,涵盖使用Redux Toolkit、Zustand、Jotai和React Query等工具来管理局部状态、全局状态和服务器状态。适用于设置全局状态、管理服务器状态或选择状态管理解决方案。关键词:React、状态管理、Redux、Zustand、Jotai、React Query、前端开发。