搜索结果: "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、前端开发。
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错误处理。
Uniwind最佳实践Skill uniwind
本技能提供了 Uniwind 在 React Native 中使用 Tailwind CSS 进行样式化的最佳实践指南,涵盖配置、主题架构、组件集成、响应式设计、性能优化等关键方面,适用于开发、Review 和代码重构,旨在提高移动应用的样式性能和可维护性。关键词:React Native, Tailwind CSS, Uniwind, 样式, 最佳实践, 性能优化, 移动开发, 前端开发, CSS, Metro 插件, 主题系统。
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状态管理。
React最佳实践-性能优化Skill react-best-practices
这个技能提供全面的React和Next.js性能优化指南,包含40多个规则,用于消除瀑布、优化包大小和提高渲染性能。适用于开发者优化应用性能、审查代码、重构组件等场景,帮助提升前端开发效率和用户体验。关键词:React性能优化、Next.js优化、前端性能、包大小优化、消除瀑布、渲染优化、JavaScript性能。
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。