搜索结果: "react"

4.5

ReactNative性能优化Skill react-native-performance

这个技能专注于优化React Native移动应用的性能,通过FlatList优化、组件记忆化、图像优化、包大小减少和性能分析等技术,提升应用运行效率和用户体验。关键词:React Native,性能优化,FlatList,记忆化,图像优化,包大小,性能分析,移动开发。

4.5

React测试库Skill react-testing-library

React 测试库技能提供专业的 React 组件测试解决方案,专注于编写以用户为中心的测试用例、使用最佳查询方法、处理异步操作、确保组件可访问性以及模拟外部依赖。适用于前端开发中的单元测试、集成测试和可访问性测试,是提升 React 应用质量和用户体验的关键工具。关键词:React 测试,前端测试,单元测试,可访问性测试,测试库,用户事件模拟。

4.5

Next.js应用生成器Skill nextjs-app

Next.js应用生成器是一个专业的代码生成工具,专门用于创建基于Next.js 14+框架的现代化Web应用程序。该工具能够智能生成App Router架构下的服务端组件、客户端组件、API路由、中间件和高效数据获取模式。支持React Server Components、Server Actions、增量静态再生(ISR)等前沿技术,帮助开发者快速构建高性能、SEO友好的全栈应用。适用于前端开发、全栈开发、Web应用构建等场景,提升开发效率和代码质量。

4.5

Docker容器化技能Skill docker-containerization

Docker容器化技能专为现代化Web应用(如Next.js、React、Node.js)提供全面的容器化解决方案。该技能涵盖Dockerfile生成、docker-compose配置、容器管理脚本以及多平台部署指南,支持开发、生产、CI/CD全流程。关键词:Docker容器化、多阶段构建、容器编排、Kubernetes部署、云原生、DevOps自动化、镜像优化、微服务部署、CI/CD集成、云平台部署。

4.5

代码模式与实践Skill code-patterns-practices

本技能是关于React Native移动应用开发的代码模式、最佳实践和常见解决方案的集合。它提供了组件设计、状态管理、数据获取、性能优化、错误处理以及移动端特有问题的实用模式,旨在帮助开发者编写更高质量、更易维护的代码。关键词:React Native, 移动开发, 代码模式, 最佳实践, 性能优化, 组件设计, 状态管理, 自定义Hooks。

4.5

移动端调试Skill mobile-debugging

React Native移动应用调试技能,提供React Native和Expo应用的完整调试解决方案。涵盖Metro打包器问题修复、原生模块错误排查、性能优化、内存泄漏检测、网络调试、崩溃分析等关键技术。包含iOS和Android双平台调试命令、工具使用指南和常见错误模式分析。

4.5

常见开发陷阱预防指南Skill common-pitfalls

本技能是一个全面的代码审查与陷阱预防工具,专注于现代Web开发中的常见错误模式。它通过自动化检查,帮助开发者在代码审查、提交前和调试阶段,系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词:代码审查,陷阱预防,Web开发,React,区块链,安全,最佳实践,自动化检查,开发效率。

4.5

ReactUI模式Skill react-ui-patterns

现代 React UI 设计模式,专注于提升用户体验,包括加载状态、错误处理、数据获取等。

4.5

senior-frontendSkill senior-frontend

高级前端技能,专注于React、Next.js、TypeScript和Tailwind CSS应用的前端开发模式、性能优化和自动化工具。

4.5

ErrorBoundariesinReactSkill ErrorBoundariesinReact

在React应用程序中使用错误边界进行优雅错误处理,捕获JavaScript错误并显示备用UI以提高应用程序的弹性。

4.5

Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns

Next.js 14+ App Router 是一个专家级框架,用于构建现代 React 应用程序,包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。

4.5

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

这是一个用于React和Next.js应用性能优化的技能,提供Vercel工程团队的45条最佳实践规则,涵盖从消除瀑布效应到包大小优化等关键领域,旨在指导代码重构和自动化生成。关键词包括:React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。