搜索结果: "react"
组件包装架构Skill component-wrapper-architecture
这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。
VercelReactNative技能最佳实践Skill vercel-react-native-skills
这个技能指南提供了React Native和Expo移动应用开发的最佳实践，涵盖列表性能优化、动画实现、UI模式、状态管理等多个方面，旨在帮助开发者构建高性能的移动应用。关键词包括：React Native, Expo, 移动应用, 性能优化, 动画, UI设计, 导航, 状态管理。
移动开发Skill mobile
移动开发技能涉及使用React Native和Flutter等跨平台框架构建应用程序，整合原生功能，优化性能，并处理应用部署。关键词：移动开发、React Native、Flutter、跨平台、原生集成、性能优化、应用商店。
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
Next.js服务器组件Skill nextjs-server-components
Next.js服务器组件是一种在服务器端渲染React组件的技术，用于优化Web应用性能、减少客户端JavaScript包大小、支持直接数据库访问，适用于构建高效、SEO友好的应用，关键词包括Next.js、服务器渲染、性能优化、React、前端开发。
Zustand状态管理最佳实践Skill zustand
Zustand状态管理技能提供React应用中Zustand库的最佳实践指南，涵盖存储架构、选择器优化、重新渲染预防等关键方面，帮助开发者优化性能、提高代码可维护性，并集成SSR和TypeScript。关键词：Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。
UI/UX设计智能Skill ui-ux-pro-max
UI/UX设计智能技能是一个全面的前端设计工具，提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南，支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验，适用于网站、应用、仪表板等项目，提升设计效率和专业性。关键词：UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。
Effect-TS最佳实践Skill effect-best-practices
这个技能提供Effect-TS库的全面最佳实践指南，涵盖服务模式、错误处理、模式匹配、层组合和前端状态管理，帮助开发者编写类型安全、可测试、可观察和可维护的代码。关键词：Effect-TS, TypeScript, 函数式编程, 最佳实践, 服务定义, 错误处理, 架构设计, React状态管理。
WebSockets实时通信开发Skill websockets-realtime
这个技能专注于使用WebSockets、Server-Sent Events、长轮询和WebRTC等技术构建实时通信应用程序，适用于聊天、协作、游戏、金融交易、IoT仪表板等场景。它涵盖从基础概念到高级架构的实现，包括客户端和服务器端开发、消息协议、安全性和缩放策略。关键词：WebSockets, 实时通信, 双向通信, 服务器推送, 聊天应用, 游戏开发, 金融交易, IoT, Node.js, React, 安全认证, 水平缩放。
React用户界面模式Skill react-ui-patterns
这个技能提供React应用中处理加载状态、错误处理和异步数据获取的现代UI模式。它适用于构建UI组件、管理异步数据或处理UI状态，包括骨架屏、错误显示、按钮状态和表单提交等模式，旨在提升用户体验和应用性能。关键词：React, UI模式, 加载状态, 错误处理, 数据获取, 前端开发, 用户界面, 用户体验, 骨架屏, 乐观更新。
移动设计系统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。