搜索结果: "react"
原子设计:分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建,用于将原子组件组合成功能性的UI元素,如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性,支持高效的前端界面构建。
tRPC类型安全API构建技能Skill trpc
tRPC技能是用于构建端到端类型安全API的专家工具,专注于tRPC框架、React/Next.js集成、类型安全过程与路由器、中间件实现、错误处理以及实时订阅功能。关键词:tRPC,类型安全API,React集成,Next.js,全栈开发,Zod验证,中间件,RPC替代REST。
FrontendDevelopmentPatternsSkill frontend-patterns
前端开发模式汇总,包含React、Next.js、状态管理、性能优化、UI最佳实践等关键技术点。
Next.js应用生成器Skill nextjs-app
Next.js应用生成器是一个专业的代码生成工具,专门用于创建基于Next.js 14+框架的现代化Web应用程序。该工具能够智能生成App Router架构下的服务端组件、客户端组件、API路由、中间件和高效数据获取模式。支持React Server Components、Server Actions、增量静态再生(ISR)等前沿技术,帮助开发者快速构建高性能、SEO友好的全栈应用。适用于前端开发、全栈开发、Web应用构建等场景,提升开发效率和代码质量。
邮件处理器Skill email-handler
邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括:邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词:React Email,事务性邮件,邮件模板,邮件自动化,Tailwind CSS,Next.js,邮件发送,前端开发。
移动端调试Skill mobile-debugging
React Native移动应用调试技能,提供React Native和Expo应用的完整调试解决方案。涵盖Metro打包器问题修复、原生模块错误排查、性能优化、内存泄漏检测、网络调试、崩溃分析等关键技术。包含iOS和Android双平台调试命令、工具使用指南和常见错误模式分析。
React19开发指南Skill react-19
本指南提供了React 19开发的核心概念、模式和最佳实践,包括Actions、Server Components和新的hooks,旨在帮助开发者构建高性能的React应用。
ReactNative最佳实践Skill react-native-best-practices
这份指南提供了React Native应用性能优化的指导,包括FPS提升、打包大小优化、启动时间(TTI)优化、原生性能提升和内存管理等关键领域,旨在帮助开发者提高应用性能和用户体验。
React性能优化Skill react-performance
这项技能涵盖了 React 应用性能优化的多种模式和实践,包括记忆化、虚拟化、选择器优化、避免不必要渲染等,旨在提升 React 应用的性能和用户体验。
ReactNativePerformanceSkill rn-performance
React Native性能优化技巧,包括列表优化、组件记忆化、避免不必要的重新渲染等,旨在提升Expo/React Native应用的性能表现。
rn-state-flowsSkill rn-state-flows
React Native中复杂多步骤操作的实现指南,包括状态机模式、显式流程实现、流程对象、流程状态跟踪、集成测试流程和流程文档。
ReactNative测试Skill rn-testing
本文档提供了React Native应用测试的多种模式和实践,包括Zustand存储测试、异步操作测试、Expo模块模拟、React Query测试、自定义Hook测试、组件测试、导航测试、避免act()警告、快照测试和API调用模拟等。