搜索结果: "react"
React性能优化最佳实践Skill react-best-practices
这是一个用于优化React和Next.js应用程序性能的技能,基于Vercel的最佳实践指南。它提供57个规则,涵盖8个关键类别,如消除瀑布流、包大小优化和重渲染优化,帮助开发者在代码编写、审查和重构中提升应用性能。关键词:React, Next.js, 性能优化, 最佳实践, Vercel, 前端开发, 代码优化。
React组合模式技能Skill react-composition-patterns
这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥,通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词:React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。
前端构件构建器Skill artifacts-builder
这个技能是一个前端构件构建工具,用于创建复杂的Claude.ai HTML构件,基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui技术栈。它包括项目初始化、开发、打包和分享功能,适合需要状态管理和路由的前端项目。关键词:前端开发、HTML构建、React、TypeScript、Vite、Tailwind CSS、shadcn/ui。
Web前端构建工具Skill web-artifacts-builder
这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件,使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目,关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。
Web框架技能组Skill web-frameworks
这个技能组用于构建现代化的全栈Web应用,整合了Next.js、Turborepo和RemixIcon工具,涵盖服务器端渲染、静态生成、构建优化和图标集成。关键词:Next.js、Turborepo、RemixIcon、React、服务器端渲染、单仓库管理、前端开发、图标库、全栈Web应用。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序,专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化,适合前端开发者提升用户体验和效率。关键词:Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
React组件开发指南Skill react-component-dev
这个技能提供React/TypeScript组件开发的最佳实践指南,适用于前端开发,涵盖组件架构、TailwindCSS样式、状态管理、性能优化和可访问性。关键词:React, TypeScript, 前端开发, 组件开发, TailwindCSS, 性能优化, 可访问性。
VercelReact最佳实践Skill vercel-react-best-practices
Vercel React 最佳实践技能提供React和Next.js前端应用的性能优化综合指南,包含57条规则,按优先级分类。适用于编写、审查、重构React/Next.js代码时,确保最佳性能模式,涉及组件、页面、数据获取、包优化和性能改进,帮助提升应用速度、减少加载时间,优化用户体验。关键词:React, Next.js, 性能优化, 前端开发, Vercel, 最佳实践。
Next.jsAppRouter开发技能Skill nextjs-app-router
这个技能用于使用Next.js App Router架构开发现代Web应用,包括服务器组件、客户端组件、高级路由模式、数据获取优化和流式渲染,旨在构建高性能、SEO友好的React应用程序。关键词:Next.js, App Router, 服务器组件, 客户端组件, 路由, 数据获取, SEO。
Next.js服务器组件Skill nextjs-server-components
Next.js服务器组件是一种在服务器端渲染React组件的技术,用于优化Web应用性能、减少客户端JavaScript包大小、支持直接数据库访问,适用于构建高效、SEO友好的应用,关键词包括Next.js、服务器渲染、性能优化、React、前端开发。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用,支持服务器组件、客户端组件、高级路由模式,优化数据获取和渲染性能,提升SEO友好性。关键词:Next.js, App Router, 服务器渲染, React, 前端开发
错误处理模式Skill error-handling-patterns
这个技能专注于设计和实施健壮的错误处理策略,包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控,以提高软件系统的可靠性、容错能力和用户体验。关键词:错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。