搜索结果: "react"
动画最佳实践指南Skill emilkowal-animations
这个技能提供了基于Emil Kowalski的Web界面动画最佳实践，涵盖缓和选择、定时、属性选择、变换技术、交互模式、战略动画和可访问性等关键领域。适用于React、CSS或Framer Motion开发，帮助提升动画性能、用户体验和可访问性。关键词：动画、Web开发、React、CSS、Framer Motion、性能优化、用户体验、可访问性。
TanStack查询优化Skill tanstack-query
TanStack Query v5性能优化技能，专注于数据获取、缓存、变异和查询模式的优化，旨在提升React应用的数据管理效率和性能。关键词：TanStack Query、性能优化、数据获取、缓存、变异、查询模式、前端开发、React、性能优化指南
WebSockets实时通信开发Skill websockets-realtime
这个技能专注于使用WebSockets、Server-Sent Events、长轮询和WebRTC等技术构建实时通信应用程序，适用于聊天、协作、游戏、金融交易、IoT仪表板等场景。它涵盖从基础概念到高级架构的实现，包括客户端和服务器端开发、消息协议、安全性和缩放策略。关键词：WebSockets, 实时通信, 双向通信, 服务器推送, 聊天应用, 游戏开发, 金融交易, IoT, Node.js, React, 安全认证, 水平缩放。
Zustand状态管理技能Skill zustand-state-management
这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。
React最佳实践-性能优化Skill react-best-practices
这个技能提供全面的React和Next.js性能优化指南，包含40多个规则，用于消除瀑布、优化包大小和提高渲染性能。适用于开发者优化应用性能、审查代码、重构组件等场景，帮助提升前端开发效率和用户体验。关键词：React性能优化、Next.js优化、前端性能、包大小优化、消除瀑布、渲染优化、JavaScript性能。
网页制品构建器Skill web-artifacts-builder
这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件，特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，便于创建高质量的前端制品。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。
高级质量保证综合技能Skill senior-qa
此技能提供全面的质量保证和测试自动化解决方案，专为现代 Web 应用如 ReactJS、NextJS、NodeJS 设计。核心功能包括自动化测试套件生成、代码覆盖率分析、端到端测试脚手架搭建，帮助团队提升软件质量、优化测试策略和确保应用稳定性。关键词：质量保证、测试自动化、测试套件、覆盖率分析、E2E 测试、ReactJS、NextJS、NodeJS。
高级前端开发Skill senior-frontend
高级前端开发技能提供完整的工具和最佳实践，用于使用ReactJS、NextJS、TypeScript、Tailwind CSS等现代技术构建高性能Web应用程序。涵盖组件生成、包分析、前端脚手架、性能优化和UI最佳实践，适用于前端开发、React、NextJS、TypeScript、Web性能优化、组件库和前端工程化。
ReactuseEffect最佳实践Skill react-useeffect
这个技能是关于React中useEffect钩子的最佳使用实践，提供官方指导，帮助开发者优化代码性能，避免不必要的Effect使用，并学习更好的替代方案。关键词：React, useEffect, 性能优化, 前端开发, 状态管理, 数据获取, 组件同步。
React用户界面模式Skill react-ui-patterns
这个技能提供React应用中处理加载状态、错误处理和异步数据获取的现代UI模式。它适用于构建UI组件、管理异步数据或处理UI状态，包括骨架屏、错误显示、按钮状态和表单提交等模式，旨在提升用户体验和应用性能。关键词：React, UI模式, 加载状态, 错误处理, 数据获取, 前端开发, 用户界面, 用户体验, 骨架屏, 乐观更新。
React开发模式与最佳实践Skill react-patterns
这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。
ReactTypeScript开发Skill react-dev
这个技能专注于使用TypeScript进行React前端开发，提供类型安全保证，覆盖React 18-19的特性，如通用组件、事件处理、服务器组件和路由集成。关键词：React, TypeScript, 前端开发, 类型安全, 组件开发, 钩子, 服务器组件, 路由集成。