搜索结果: "react"
React测试Skill react-testing
React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。
ReactNative异步模式Skill rn-async-patterns
这篇文章提供了在 React Native 和 Zustand 中正确使用异步/等待模式的指南，包括如何识别和修复异步代码中的常见问题，例如悬浮承诺、竞态条件和异步操作的顺序问题。
ReactNativeStylingSkill rn-styling
React Native 样式指南，包含 NativeWind 和 BrandColors 的使用模式，适用于 Expo/React Native 中的样式、主题、颜色、响应式布局或平台特定 UI 开发。
WebAuthentication(React)Skill web-auth
React 应用程序的身份验证模式，包括登录流程、OAuth、JWT 处理、会话管理和受保护的路由。
代码修复助手Skill fix
这是一个用于系统化修复代码问题的技能。它遵循严格的流程，首先识别并分类问题（严重、高、中、低），然后制定修复计划并应用最小化更改。核心功能包括处理编译错误、内存泄漏、安全漏洞、代码规范问题等，并内置了处理缺失导入、清理副作用、类型修复等常见模式的指南。适用于代码审查后的自动化修复、日常开发中的问题排查与维护。关键词：代码修复，问题排查，代码审查，自动化修复，软件开发，质量保证，TypeScript，React，副作用清理。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
ReactNative高效开发技能Skill react-native-skills
此技能提供React Native和Expo移动应用开发的最佳实践指南，涵盖列表性能优化、动画实现、UI模式、状态管理等关键领域，帮助开发者提升应用性能和用户体验。关键词：React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
现代Web应用架构Skill modern-web-app-architecture
这个技能用于设计和构建现代Web应用程序，包括单页应用（SPA）、服务器端渲染（SSR）、静态站点生成（SSG）和React服务器组件（RSC）等。它涵盖架构权衡、状态管理、性能优化、测试策略、交付流程和团队扩展，提供生产就绪的实践指导，如核心Web指标、可访问性、安全性和微前端架构。关键词：Web应用架构、SPA、SSR、SSG、RSC、前端开发、性能优化、状态管理、测试、团队扩展。
Widget渲染器Skill widgets-ui
Widget渲染器是一个用于从JSON生成声明式UI的工具，专为React/Next.js设计。它支持多种UI组件如按钮、输入框、卡片、布局等，适用于动态表单、数据展示和交互式卡片。关键词：UI渲染器、JSON UI、声明式UI、React组件、Next.js工具、前端开发、低代码开发、UI组件库。
聊天UI组件Skill chat-ui
这个技能提供了用于React/Next.js的聊天用户界面构建块，包括容器、消息、输入和打字指示器等组件，帮助开发者快速构建自定义聊天界面、消息应用和AI助手界面。关键词：聊天UI, React组件, Next.js, 前端开发, 聊天界面, AI助手, 用户界面设计。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。