搜索结果: "react"
React测试Skill react-testing
React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。
ReactZustand状态管理模式Skill react-zustand-patterns
本文档提供了React中使用Zustand状态管理库时的常见模式和最佳实践，包括同步设置与异步渲染、避免过时闭包、异步操作处理、选择器稳定性、派生状态计算、商店订阅和副作用处理、Zustand商店的测试以及调试状态变化。这些模式有助于理解和解决在使用Zustand时可能遇到的各种状态管理问题。
ReactNative异步模式Skill rn-async-patterns
这篇文章提供了在 React Native 和 Zustand 中正确使用异步/等待模式的指南，包括如何识别和修复异步代码中的常见问题，例如悬浮承诺、竞态条件和异步操作的顺序问题。
ReactNative导航(ExpoRouter)Skill rn-navigation
Expo Router 是一个用于 React Native 应用的文件系统基础路由库，支持导航、路由、深度链接、标签栏、模态框和导航状态管理。
ReactNativeStylingSkill rn-styling
React Native 样式指南，包含 NativeWind 和 BrandColors 的使用模式，适用于 Expo/React Native 中的样式、主题、颜色、响应式布局或平台特定 UI 开发。
WebBuild&Deploy(React)Skill web-build-deploy
这份指南提供了构建和部署React应用程序的详细步骤，包括Vercel和Netlify的部署指南、Docker部署、GitHub Actions CI/CD工作流、环境变量配置、构建优化技巧以及健康检查和监控设置。
性能审计技能Skill perf
这是一个用于React前端组件性能审计的AI技能，能够自动扫描代码库，识别性能瓶颈、内存泄漏和优化机会。关键词：前端性能优化，React组件审计，内存泄漏检测，代码质量分析，性能评分，自动化代码审查，Web应用性能，渲染优化，资源清理，最佳实践检查。
ReactWeb技能Skill react-web
React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
网页构件构建器Skill web-artifacts-builder
这是一个前端开发工具套件，用于构建复杂的Claude.ai HTML构件，使用React、Tailwind CSS、shadcn/ui等现代前端技术，支持状态管理、路由和UI组件，适用于创建多组件、响应式的Web应用。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、工具套件、Claude.ai、Vite、Parcel。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。
React动画技能（用于Remotion视频制作）Skill react-animation
这个技能提供了一套精心策划的React动画组件，专门用于Remotion视频合成，帮助开发者创建具有美学价值的视觉特效和动画效果。关键词：React动画，Remotion视频，动画组件，视频特效，美学设计，前端开发。