搜索结果: "react"
CombatUIPatternA-Split-PanelImplementationSkill combat-ui-pattern-a
这个技能指导如何在SHINOBI WAY游戏中实现Split-Panel Combat UI(模式A),包括水平对抗战斗布局、角色面板、行动码头等组件的创建和架构。关键词:游戏开发、UI设计、React组件、CSS Grid布局。
ReactUI模式Skill react-ui-patterns
现代 React UI 设计模式,专注于提升用户体验,包括加载状态、错误处理、数据获取等。
ReactNative导航(ExpoRouter)Skill rn-navigation
Expo Router 是一个用于 React Native 应用的文件系统基础路由库,支持导航、路由、深度链接、标签栏、模态框和导航状态管理。
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证,包括客户端验证、服务器端同步和实时错误反馈。
前端设计系统Skill frontend-design-systems
前端设计系统技能专注于通过系统化的方法构建和维护一致、可扩展的用户界面组件,包括设计令牌、组件模式、布局系统和状态管理等核心部分,以提高前端开发效率和代码质量。关键词:前端开发,设计系统,UI组件,一致性,可维护性,组件库,React,TypeScript,SEO优化。
ReactNative高效开发技能Skill react-native-skills
此技能提供React Native和Expo移动应用开发的最佳实践指南,涵盖列表性能优化、动画实现、UI模式、状态管理等关键领域,帮助开发者提升应用性能和用户体验。关键词:React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理。
React组合模式Skill react-composition-patterns
这个技能专注于React前端开发中的组合模式,帮助开发者构建可扩展、可维护的组件,通过避免布尔属性泛滥,使用复合组件、状态提升和上下文提供者优化组件架构。关键词:React,组合模式,前端开发,组件架构,状态管理,可维护性,SEO。
Expo升级指南Skill upgrading-expo
本技能提供Expo SDK版本升级的详细指南,帮助开发者解决依赖冲突、处理破坏性更改,并实现顺利迁移,适用于移动应用开发场景。关键词:Expo, SDK升级, 依赖管理, React Native, 移动开发, 版本迁移, 依赖冲突, 破坏性更改
Expo应用设计Skill expo-app-design
Expo 应用设计技能专注于利用 Expo Router、NativeWind 和 React Native 构建美观、高效的跨平台移动应用,适用于前端移动开发,提升开发效率和用户体验。关键词:Expo, React Native, 跨平台应用, 移动开发, NativeWind, 导航
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果,适用于UI组件开发,通过绝对定位的div实现像素艺术美学。关键词包括:像素艺术、8位、UI组件、CSS、React、前端开发。
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架,专为快速用户界面开发设计,支持响应式布局、暗黑模式、自定义主题和设计系统构建,适用于各种Web框架,如React、Vue、Svelte等。关键词:CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了一套全面的 React 和 Next.js 性能优化指南,由 Vercel Engineering 维护。它包含 57 条规则,覆盖消除瀑布流、优化包大小、服务器端性能等关键领域,帮助开发者在编写、评审或重构代码时实现最佳性能。关键词:React, Next.js, 性能优化, Vercel, 前端开发。