搜索结果: "react"
Web框架技能组Skill web-frameworks
这个技能组用于构建现代化的全栈Web应用，整合了Next.js、Turborepo和RemixIcon工具，涵盖服务器端渲染、静态生成、构建优化和图标集成。关键词：Next.js、Turborepo、RemixIcon、React、服务器端渲染、单仓库管理、前端开发、图标库、全栈Web应用。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
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、前端开发。
错误处理模式Skill error-handling-patterns
这个技能专注于设计和实施健壮的错误处理策略，包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控，以提高软件系统的可靠性、容错能力和用户体验。关键词：错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南，涵盖关键领域如组件和状态管理，旨在提高代码质量、可维护性和测试性。关键词：React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
OrvalOpenAPI客户端生成Skill orval
这是一个用于从OpenAPI规范自动生成类型安全的TypeScript客户端的技能，支持React Query、SWR等查询库集成，提供自定义mutators和Mock测试功能，适用于前端开发和API消费。关键词：Orval, OpenAPI, TypeScript, 客户端生成, React Query, SWR, 自定义mutators, MSW mocks。
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。
Effect-TS最佳实践Skill effect-best-practices
这个技能提供Effect-TS库的全面最佳实践指南，涵盖服务模式、错误处理、模式匹配、层组合和前端状态管理，帮助开发者编写类型安全、可测试、可观察和可维护的代码。关键词：Effect-TS, TypeScript, 函数式编程, 最佳实践, 服务定义, 错误处理, 架构设计, React状态管理。
MUIv7组件库模式Skill mui
这个技能提供了Material-UI v7组件库的使用模式，包括sx prop样式、主题集成、响应式设计和MUI特定钩子。适用于前端开发中的React项目，帮助开发者高效构建用户界面，提供最佳实践和代码示例。关键词：MUI, Material-UI, 前端开发, React组件, 样式设计, 主题定制, 响应式设计, 组件库
移动设计系统Skill mobile-design
移动设计系统是一个专注于移动应用设计的技能框架，提供移动优先设计思维、触摸交互原则、性能优化指南和平台特定决策。适用于iOS和Android应用开发，支持React Native、Flutter和原生开发。教导设计原则而非固定值，帮助开发者构建高效、用户体验友好的移动应用。关键词：移动设计、触摸交互、性能优化、平台适配、移动应用开发、UI/UX设计、移动优先、React Native、Flutter、iOS、Android。