搜索结果: "react"
ReactNative移动开发Skill react-native-mobile-development
React Native 移动开发技能指南，提供使用 React Native 和 Expo 框架构建跨平台 iOS 和 Android 移动应用的完整工作流程。涵盖项目初始化、组件开发、平台适配、性能优化、调试部署等核心知识，适用于前端开发者和移动应用工程师快速上手混合应用开发。
常见开发陷阱预防指南Skill common-pitfalls
本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。
React开发避坑指南Skill pitfalls-react
React 开发避坑指南，提供 React 组件模式、表单验证、错误边界、可访问性 (a11y) 和响应式设计的常见陷阱与最佳实践。适用于前端开发、代码审查、性能优化、用户体验提升。关键词：React 组件，表单验证，错误边界，可访问性，响应式设计，前端开发，React Hook Form，Zod，ARIA，useEffect。
TanStackQueryv5常见陷阱指南Skill pitfalls-tanstack-query
本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题，提升应用性能和用户体验。关键词：TanStack Query，React Query，数据获取，缓存失效，状态管理，前端开发，useQuery，useMutation，v5 迁移。
Next.js15模式与最佳实践Skill nextjs-15-patterns
本技能是关于 Next.js 15 框架中 App Router 的核心开发模式与最佳实践的总结。它详细讲解了服务器组件与客户端组件的区别与使用场景、如何利用 Server Actions 进行数据变更、高效的数据获取策略、路由处理器的构建、元数据的动态生成、并行路由的实现，以及一系列提升应用性能与开发效率的最佳实践。关键词包括：Next.js 15, App Router, 服务器组件, 客户端组件, Server Actions, 数据获取, 路由处理器, 元数据, 并行路由, 最佳实践, React 框架, 全栈开发。
Next.js15应用路由器专家Skill nextjs-15-specialist
这是一个专门针对Next.js 15框架的应用路由器技能指南，提供完整的服务器组件、客户端组件、数据获取、缓存策略、服务器操作和元数据管理的全面解决方案。包含150+实际代码示例和最佳实践，帮助开发者正确实现现代Next.js应用架构，避免常见错误，优化性能。关键词：Next.js 15, App Router, 服务器组件, 数据获取, 缓存策略, 服务器操作, React框架, 前端开发, Web性能优化。
React19模式指南Skill react-19-patterns
React 19模式全面指南，包含服务器组件、客户端组件、Suspense、流式渲染、钩子使用、TypeScript集成、最佳实践和迁移方案。关键词：React 19, 服务器组件, 客户端组件, Suspense, 流式渲染, TypeScript, 钩子, 前端开发, 最佳实践, 迁移指南
ShadCN-Framer动画组件库Skill shadcn-framer
本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果（如淡入淡出、列表动画、页面过渡、悬停交互和加载动画）的完整代码示例。适用于希望为 React 应用（特别是 Next.js）添加流畅、现代化交互动效的前端开发者，关键词包括：ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。
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项目，确保代码一致性、可维护性和卓越的用户体验。
状态管理Skill state-management
这是一个关于现代 React 应用状态管理的综合指南。它详细介绍了如何根据状态类型（服务器状态、客户端状态、表单状态、URL状态）选择和使用不同的状态管理库（TanStack Query, Zustand, React Hook Form, Zod, nuqs），以实现高效、类型安全且可维护的代码。内容包括查询键工厂、自定义钩子、类型化存储、性能优化选择器、状态持久化以及表单验证等核心模式。
Scoop新闻平台UI重构工作流Skill scoop-ui-refactor
本技能是一个针对Scoop新闻平台前端界面的专项重构工作流。它专注于优化用户界面布局、提升地球仪交互体验、改进研究工作区设计，并强制执行无表情符号政策。核心工作包括压缩布局空间、实现类似TikTok的吸附滚动效果、确保功能完整性，以及通过系统化步骤移除所有UI、日志和文档中的表情符号。适用于前端开发者、UI/UX设计师进行项目重构和代码规范化。关键词：UI重构，前端开发，用户体验优化，吸附滚动，无表情符号，代码规范，React组件，工作流。
AgentationSkill agentation
Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释，提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪，适用于前端开发、UI/UX测试和代码审查场景。关键词：Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。