搜索结果: "react"
错误处理模式Skill error-handling-patterns
这个技能专注于设计和实施健壮的错误处理策略,包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控,以提高软件系统的可靠性、容错能力和用户体验。关键词:错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。
MUI无头UI组件库最佳实践Skill mui-base
这个技能提供了MUI Base UI的最佳实践指南,专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则,帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式,并支持受控和非受控组件模式。关键词:MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。
设计系统入门工具Skill design-system-starter
这个技能是一个设计系统入门工具,用于快速创建和管理设计系统,提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问,适用于前端开发者和设计师,提升开发效率和用户体验。关键词:设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js框架,涵盖组件设计、状态管理、性能优化、UI最佳实践等,帮助开发者构建高性能、可维护的前端应用。关键词:前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。
React组合模式Skill vercel-composition-patterns
React组合模式是一种前端开发技能,用于构建可维护的React组件,避免布尔属性泛滥,提升代码质量和团队协作效率。关键词:React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构
Next.js应用路由器模式Skill nextjs-app-router-patterns
本技能专注于Next.js 14+应用路由器的架构模式,涵盖服务器组件、流式渲染、并行路由和高级数据获取,适用于构建高性能全栈React应用,提升开发效率和SEO优化,关键词:Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。
原子设计原子组件Skill atomic-design-atoms
这个技能专注于创建原子级UI组件,如按钮、输入框、标签和图标,作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性,用于构建一致的前端界面。关键词:原子设计,UI组件,前端开发,设计系统,React组件,可访问性,样式令牌。
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式,用于优化应用性能和组织代码结构,包括存储定义、选择器、动作分离、性能优化等。关键词:Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。
React服务器组件技能Skill react-server-components
React服务器组件技能是专门用于实现React服务器组件架构的专业能力,包含流式传输、数据获取、客户端与服务器组件组合、性能优化等核心模式。该技能帮助开发者设计合理的组件边界,优化应用性能,实现高效的数据流管理。关键词:React服务器组件、Next.js、流式渲染、组件组合、性能优化、数据获取、Suspense、服务器操作、前端架构。
ChatKitWidget集成技能Skill chatkit-widget
在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。
ShadCNUI组件开发规范Skill shadcn-ui-patterns
ShadCN UI组件开发规范是一套针对React前端开发的标准化指南,专注于UI组件构建、无障碍访问(WCAG 2.1 AA)、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库(基于Radix UI原语)进行现代Web应用开发,包括组件安装模式、表单验证(React Hook Form + Zod)、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目,确保代码一致性、可维护性和卓越的用户体验。
CombatUIPatternA-Split-PanelImplementationSkill combat-ui-pattern-a
这个技能指导如何在SHINOBI WAY游戏中实现Split-Panel Combat UI(模式A),包括水平对抗战斗布局、角色面板、行动码头等组件的创建和架构。关键词:游戏开发、UI设计、React组件、CSS Grid布局。