搜索结果: "react"
ReactNative开发技能Skill react-native
此技能提供React Native移动应用开发的全面指南，涵盖组件、导航、原生模块、平台特定代码等，适用于移动应用开发、React Native组件实现和功能使用。关键词：React Native，移动开发，组件，导航，原生模块，平台特定代码。
React现代化Skill react-modernization
本技能专注于React应用程序的现代化，包括版本升级、从类组件迁移到钩子、采用并发特性如Suspense和transitions，以及使用代码修改自动化重构。适用于开发人员升级React项目、优化代码结构和性能。关键词：React, 现代化, 升级, 迁移, 钩子, 并发, 代码修改, 性能优化, TypeScript, 前端开发
表单构建Skill building-forms
本技能提供系统化的表单构建指导，涵盖输入组件选择、验证策略、可访问性合规（WCAG 2.1）、UX最佳实践，以及JavaScript/React和Python的示例实现。适用于创建各种表单界面，如注册流程、调查问卷、多步向导等。关键词：表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。
TypeScript语言专长Skill typescript
这个技能专注于编写类型安全、可维护和生产质量的TypeScript代码，覆盖高级类型系统特性、严格模式配置、模块系统和常见设计模式。适用于前端和后端开发，与React、Node.js、Zod、tRPC、Prisma等现代框架集成。关键词：TypeScript, 类型安全, 前端开发, 后端开发, React, Node.js, 泛型, 类型守卫, Zod, tRPC, Prisma, SEO优化。
Web组件构建器Skill web-artifacts-builder
这是一个前端开发工具，用于快速创建和打包复杂的HTML组件，使用React、Tailwind CSS和shadcn/ui等现代技术，适用于需要状态管理、路由或多组件的Web项目。关键词包括前端开发、HTML打包、React组件、Tailwind CSS、shadcn/ui、Web组件构建、前端工具、组件打包、状态管理、路由支持。
Storybook交互测试函数Skill storybook-play-functions
Storybook交互测试函数是一种前端开发测试技能，用于通过编写play函数在Storybook故事中自动化测试React等组件的用户交互、状态变化和边界情况。它支持模拟真实用户行为、集成Testing Library进行语义查询、处理异步操作和验证错误状态。关键词包括Storybook、交互测试、前端测试、自动化测试、组件测试、Testing Library、play函数。
ReactNative平台API技能Skill react-native-platform
该技能专注于在React Native应用中处理iOS和Android平台特定代码，包括平台检测、平台特定文件、组件、权限处理和跨平台最佳实践，帮助开发者高效实现移动应用开发。关键词：React Native, 跨平台开发, iOS, Android, 平台API, 原生模块, 移动应用开发。
移动端测试Skill mobile-testing
React Native移动应用测试技能，提供使用Jest和React Native Testing Library进行组件测试、Hook测试、工具函数测试的完整指南。包含测试设置、模板代码、模拟模式、最佳实践和故障排除方法，适用于移动开发工程师进行自动化测试开发。关键词：React Native测试，Jest测试，移动端自动化测试，组件测试，测试覆盖率
TanStackQueryv5常见陷阱指南Skill pitfalls-tanstack-query
本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题，提升应用性能和用户体验。关键词：TanStack Query，React Query，数据获取，缓存失效，状态管理，前端开发，useQuery，useMutation，v5 迁移。
React19开发指南Skill react-19
本指南提供了React 19开发的核心概念、模式和最佳实践，包括Actions、Server Components和新的hooks，旨在帮助开发者构建高性能的React应用。
ReactNative测试Skill rn-testing
本文档提供了React Native应用测试的多种模式和实践，包括Zustand存储测试、异步操作测试、Expo模块模拟、React Query测试、自定义Hook测试、组件测试、导航测试、避免act()警告、快照测试和API调用模拟等。
Zustand状态管理模式在ReactNative中的应用Skill rn-zustand-patterns
本文档提供了在使用Zustand状态管理库时的常见模式和最佳实践，包括同步设置与异步渲染、避免过时闭包、异步操作处理、选择器稳定性、派生状态计算、商店订阅用于副作用、测试Zustand商店以及调试状态变化等。这些模式有助于开发者理解和解决在使用Zustand时可能遇到的各种问题，提高React Native应用的性能和稳定性。