搜索结果: "react"
React用户界面模式Skill react-ui-patterns
这个技能提供React应用中处理加载状态、错误处理和异步数据获取的现代UI模式。它适用于构建UI组件、管理异步数据或处理UI状态，包括骨架屏、错误显示、按钮状态和表单提交等模式，旨在提升用户体验和应用性能。关键词：React, UI模式, 加载状态, 错误处理, 数据获取, 前端开发, 用户界面, 用户体验, 骨架屏, 乐观更新。
构件构建器Skill artifacts-builder
构件构建器是一个前端开发工具套件，专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，并能将项目捆绑成单个HTML文件，便于分享和部署。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。
移动设计系统Skill mobile-design
移动设计系统是一个专注于移动应用设计的技能框架，提供移动优先设计思维、触摸交互原则、性能优化指南和平台特定决策。适用于iOS和Android应用开发，支持React Native、Flutter和原生开发。教导设计原则而非固定值，帮助开发者构建高效、用户体验友好的移动应用。关键词：移动设计、触摸交互、性能优化、平台适配、移动应用开发、UI/UX设计、移动优先、React Native、Flutter、iOS、Android。
React开发指南Skill react
此技能提供React前端开发的全方位指导，涵盖组件、JSX、props、state、hooks、context等核心概念，以及性能优化和最佳实践。适用于开发React应用、管理状态和使用hooks的场景，关键词包括React、前端开发、组件、JSX、props、state、hooks、context、性能优化和最佳实践，方便SEO搜索。
ReactHooks全面指南Skill react-hooks
这个技能提供React Hooks的全面学习资料和实践指导，涵盖内置hooks如useState、useEffect以及自定义hooks的使用，帮助前端开发者在函数式组件中高效管理状态、处理副作用和优化性能。关键词包括React Hooks、前端开发、函数式组件、状态管理、副作用处理、性能优化、自定义hooks、JavaScript。
Next.js应用路由器模式Skill nextjs-app-router-patterns
本技能专注于Next.js 14+应用路由器的架构模式，涵盖服务器组件、流式渲染、并行路由和高级数据获取，适用于构建高性能全栈React应用，提升开发效率和SEO优化，关键词：Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。
React单页面应用开发技能Skill react
本技能专注于使用 React 19+、React Router v7、Jotai、Vite 和 Bun 构建现代单页面应用（SPA）。涵盖组件、钩子、状态管理、路由、表单、UI 架构、性能优化和测试等关键方面，适用于客户端路由、全局状态管理和异步数据加载的 React 应用开发，关键词包括 React 19、React Router、Jotai、Vite、Bun、SPA、前端开发、性能优化、可访问性。
原子设计模板Skill atomic-design-templates
原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。
Relay片段模式Skill relay-fragments-patterns
这个技能专注于使用Relay的片段模式来构建可维护的React应用程序。通过组件级数据声明、自动组合、数据掩码和优化数据获取，实现高效的数据依赖管理和组件共位，适用于数据密集型应用如社交媒体、电商平台等。关键词：Relay、React、GraphQL、片段、数据掩码、组件共位、前端开发。
VercelReact最佳实践Skill vercel-react-best-practices
这是一份由Vercel官方维护的React和Next.js应用性能优化权威指南。它提供了45条经过验证的最佳实践规则，涵盖消除瀑布流、包大小优化、服务器与客户端性能、重渲染控制、JavaScript执行效率等关键领域，旨在帮助开发者编写高性能、可维护的现代Web应用代码。关键词：React性能优化，Next.js最佳实践，前端性能，代码重构，Vercel工程指南，Web应用优化。
React服务器组件技能Skill react-server-components
React服务器组件技能是专门用于实现React服务器组件架构的专业能力，包含流式传输、数据获取、客户端与服务器组件组合、性能优化等核心模式。该技能帮助开发者设计合理的组件边界，优化应用性能，实现高效的数据流管理。关键词：React服务器组件、Next.js、流式渲染、组件组合、性能优化、数据获取、Suspense、服务器操作、前端架构。
React测试库Skill react-testing-library
React 测试库技能提供专业的 React 组件测试解决方案，专注于编写以用户为中心的测试用例、使用最佳查询方法、处理异步操作、确保组件可访问性以及模拟外部依赖。适用于前端开发中的单元测试、集成测试和可访问性测试，是提升 React 应用质量和用户体验的关键工具。关键词：React 测试，前端测试，单元测试，可访问性测试，测试库，用户事件模拟。