搜索结果: "react"
Next.jsAppRouter前端开发专家Skill frontend-nextjs-app-router
Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。
React组件开发技能Skill react-component
React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践
Web工件构建器Skill web-artifacts-builder
Web Artifacts Builder是一个专为Claude.ai平台设计的HTML工件生成工具套件。该工具使用React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术，帮助用户快速创建复杂、交互式的多组件HTML工件。支持状态管理、路由功能，并能将完整的前端应用打包为单个HTML文件，便于在对话中直接分享和使用。适用于需要高级UI组件和复杂交互的Claude.ai工件开发场景。 关键词：Claude.ai工件开发、React前端工具、HTML打包工具、shadcn/ui组件库、Tailwind CSS主题、前端自动化构建、单文件HTML应用、AI助手工具开发
代码模式与实践Skill code-patterns-practices
本技能是关于React Native移动应用开发的代码模式、最佳实践和常见解决方案的集合。它提供了组件设计、状态管理、数据获取、性能优化、错误处理以及移动端特有问题的实用模式，旨在帮助开发者编写更高质量、更易维护的代码。关键词：React Native， 移动开发， 代码模式， 最佳实践， 性能优化， 组件设计， 状态管理， 自定义Hooks。
移动端调试Skill mobile-debugging
React Native移动应用调试技能，提供React Native和Expo应用的完整调试解决方案。涵盖Metro打包器问题修复、原生模块错误排查、性能优化、内存泄漏检测、网络调试、崩溃分析等关键技术。包含iOS和Android双平台调试命令、工具使用指南和常见错误模式分析。
移动端测试Skill mobile-testing
React Native移动应用测试技能，提供使用Jest和React Native Testing Library进行组件测试、Hook测试、工具函数测试的完整指南。包含测试设置、模板代码、模拟模式、最佳实践和故障排除方法，适用于移动开发工程师进行自动化测试开发。关键词：React Native测试，Jest测试，移动端自动化测试，组件测试，测试覆盖率
项目设置与架构Skill project-setup-architecture
React Native/Expo移动应用项目初始化与架构配置指南，提供TypeScript设置、数据库集成、状态管理、测试框架、目录结构等完整开发环境搭建方案。关键词：React Native开发，Expo配置，移动应用架构，TypeScript设置，数据库集成，状态管理，测试框架，项目初始化，开发环境搭建，移动开发最佳实践
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 框架, 全栈开发。