搜索结果: "react"
移动设计系统Skill mobile-design
移动设计系统是一个专注于移动应用设计的技能框架，提供移动优先设计思维、触摸交互原则、性能优化指南和平台特定决策。适用于iOS和Android应用开发，支持React Native、Flutter和原生开发。教导设计原则而非固定值，帮助开发者构建高效、用户体验友好的移动应用。关键词：移动设计、触摸交互、性能优化、平台适配、移动应用开发、UI/UX设计、移动优先、React Native、Flutter、iOS、Android。
ReactNative设计Skill react-native-design
这个技能专注于使用React Native框架进行跨平台移动应用开发，涵盖样式设计、导航实现和动画创建，以构建高性能、原生体验的应用。关键词包括：React Native, 样式设计, 导航, 动画, 跨平台, 移动开发, 性能优化, Reanimated, React Navigation。
原子设计：分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。
React开发避坑指南Skill pitfalls-react
React 开发避坑指南，提供 React 组件模式、表单验证、错误边界、可访问性 (a11y) 和响应式设计的常见陷阱与最佳实践。适用于前端开发、代码审查、性能优化、用户体验提升。关键词：React 组件，表单验证，错误边界，可访问性，响应式设计，前端开发，React Hook Form，Zod，ARIA，useEffect。
Next.js15应用路由器专家Skill nextjs-15-specialist
这是一个专门针对Next.js 15框架的应用路由器技能指南，提供完整的服务器组件、客户端组件、数据获取、缓存策略、服务器操作和元数据管理的全面解决方案。包含150+实际代码示例和最佳实践，帮助开发者正确实现现代Next.js应用架构，避免常见错误，优化性能。关键词：Next.js 15, App Router, 服务器组件, 数据获取, 缓存策略, 服务器操作, React框架, 前端开发, Web性能优化。
ReactNative异步模式Skill rn-async-patterns
这篇文章提供了在 React Native 和 Zustand 中正确使用异步/等待模式的指南，包括如何识别和修复异步代码中的常见问题，例如悬浮承诺、竞态条件和异步操作的顺序问题。
ReactNative认证(Expo)Skill rn-auth
本文介绍了在 Expo 应用中实现 React Native 认证的模式，包括 OAuth 流程、令牌存储、认证上下文、保护路由和后端集成。
ReactNativePerformanceSkill rn-performance
React Native性能优化技巧，包括列表优化、组件记忆化、避免不必要的重新渲染等，旨在提升Expo/React Native应用的性能表现。
React组件架构Skill react-component-architecture
使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。
响应式编程Skill reactive-programming
使用RxJS、流、可观察对象和背压处理实现响应式编程模式。适用于构建事件驱动的UI、处理异步数据流或管理复杂的数据流。
OnchainKit链上开发Skill onchainkit
OnchainKit 是 Coinbase 提供的 React 组件库，用于快速构建链上（Onchain）应用程序。该技能专注于 Web3 和 DApp 开发，提供钱包连接、身份管理、代币兑换、NFT 铸造和支付处理等核心功能模块。开发者无需深厚区块链后端知识，即可利用其预置组件高效开发部署在 Base 等链上的去中心化应用，显著降低开发门槛和交易成本。关键词：OnchainKit, 链上应用, Web3开发, DApp, React组件, Coinbase, 钱包集成, 代币兑换, NFT, 区块链开发。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。