搜索结果: "react"

VercelReact最佳实践Skill vercel-react-best-practices

4.5

这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南,包含57条规则,涵盖8个类别,适用于前端开发中的代码优化和性能提升。关键词:React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。

React测试库技能Skill react-testing-library

4.5

这个技能提供了使用 React Testing Library 进行 React 组件测试的全面指南。它包含多个最佳实践规则,帮助开发者编写可维护、用户中心的测试,覆盖查询选择、异步处理、用户交互等关键方面。适用于前端开发中的测试工作,提升代码质量和用户体验。关键词:React Testing Library, 测试, 最佳实践, 组件测试, 前端开发。

React19性能优化Skill react

4.5

这个技能提供React 19应用程序的性能优化指南,涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题,帮助前端开发者提升应用性能、减少重新渲染和优化开发效率,关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。

ReactNative原生模块Skill react-native-native-modules

4.5

此技能专注于在React Native框架中创建和集成原生模块,实现JavaScript与iOS/Android原生代码的桥接,支持Turbo Modules、平台特定API访问、原生事件处理和性能优化,关键词包括React Native、原生模块、Turbo Modules、iOS开发、Android开发、桥接技术、移动应用开发。

ReactNativeWeb测试Skill react-native-web-testing

4.5

这是一个用于测试 React Native Web 应用程序的技能,专注于使用 Jest 和 React Native Testing Library 进行单元测试、组件测试和集成测试,提供配置指南、最佳实践和代码示例,适用于前端开发、移动开发和测试领域,关键词包括 React Native、Web 测试、Jest、RNTL、组件测试、异步测试、模拟模块。

UI组件迁移器Skill ui-component-migrator

4.5

UI组件迁移器是一款用于在不同前端框架(如React、Vue、Angular)之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移,支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器,实现高效、准确的框架迁移,减少手动重构工作量,提升前端项目现代化升级效率。

组件库存Skill component-inventory

4.5

组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件,识别重复项和变体,分析组件属性和使用频率,生成详细报告并提供整合建议。关键词:UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。

Vitest测试专家Skill vitest

4.5

Vitest 测试专家技能,专注于前端 JavaScript/TypeScript 项目的单元测试与集成测试。提供 Vitest 框架配置、模拟策略、覆盖率报告、性能优化及 React 组件测试等专业支持。适用于 TDD 开发流程,提升代码质量与开发效率。关键词:Vitest 测试,单元测试,集成测试,前端测试,JavaScript 测试,TypeScript 测试,React 测试,测试覆盖率,模拟测试,TDD。

性能Skill performance

4.5

这是一个全面的性能工程技能,专注于软件应用的性能分析、优化与测试。它提供从识别瓶颈、优化代码、进行负载/压力测试到设置监控的全套解决方案。特别适用于前端(如React优化、核心Web指标)、后端(如API、数据库查询优化)和全栈应用的性能提升。关键词包括:性能分析、性能优化、负载测试、压力测试、React性能优化、数据库优化、内存泄漏、核心Web指标、容量规划、性能监控。

ShadCN-Framer动画组件库Skill shadcn-framer

4.5

本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果(如淡入淡出、列表动画、页面过渡、悬停交互和加载动画)的完整代码示例。适用于希望为 React 应用(特别是 Next.js)添加流畅、现代化交互动效的前端开发者,关键词包括:ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。

Cypress测试框架Skill cypress

4.5

Cypress测试框架是一个用于端到端测试和组件测试的工具,提供命令、断言、CI/CD集成等全面功能。适用于前端开发测试,支持React、Vue、Angular、Svelte等多种框架,包括设置测试、编写测试用例、调试测试和优化性能。关键词:Cypress、端到端测试、E2E测试、组件测试、测试自动化、浏览器测试、CI/CD集成、测试框架、持续集成。

实现拖放与可排序接口Skill implementing-drag-drop

4.5

这个技能用于通过React和TypeScript实现拖放和可排序功能,适用于看板、列表排序、文件上传等场景,注重无障碍性、触摸支持和性能优化,关键词包括:拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。