搜索结果: "react"
ReactuseEffect最佳实践Skill react-useeffect
这个技能是关于React中useEffect钩子的最佳使用实践,提供官方指导,帮助开发者优化代码性能,避免不必要的Effect使用,并学习更好的替代方案。关键词:React, useEffect, 性能优化, 前端开发, 状态管理, 数据获取, 组件同步。
Web组件构建器Skill web-artifacts-builder
这是一个前端开发工具,用于快速创建和打包复杂的HTML组件,使用React、Tailwind CSS和shadcn/ui等现代技术,适用于需要状态管理、路由或多组件的Web项目。关键词包括前端开发、HTML打包、React组件、Tailwind CSS、shadcn/ui、Web组件构建、前端工具、组件打包、状态管理、路由支持。
ReactFlow自定义节点与边缘技能Skill reactflow-custom-nodes
React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术,主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。
Next.js应用路由专家Skill nextjs-app-router
Next.js应用路由技能,提供Next.js App Router高级路由模式的专家级实现指导,包括路由组、并行路由、拦截路由、布局配置、加载状态、错误处理、流式渲染和API路由处理器。适用于前端开发、全栈架构、性能优化和复杂应用路由设计。关键词:Next.js App Router,路由组,并行路由,拦截路由,流式渲染,Suspense,API路由,前端架构,React框架,性能优化。
移动端测试Skill mobile-testing
React Native移动应用测试技能,提供使用Jest和React Native Testing Library进行组件测试、Hook测试、工具函数测试的完整指南。包含测试设置、模板代码、模拟模式、最佳实践和故障排除方法,适用于移动开发工程师进行自动化测试开发。关键词:React Native测试,Jest测试,移动端自动化测试,组件测试,测试覆盖率
项目设置与架构Skill project-setup-architecture
React Native/Expo移动应用项目初始化与架构配置指南,提供TypeScript设置、数据库集成、状态管理、测试框架、目录结构等完整开发环境搭建方案。关键词:React Native开发,Expo配置,移动应用架构,TypeScript设置,数据库集成,状态管理,测试框架,项目初始化,开发环境搭建,移动开发最佳实践
RemixCache技能Skill remix-cache
Remix Cache 是一个为 Remix 应用程序设计的类型安全、基于 Redis 的缓存库,支持 SSE 实时失效、过期-同时-再验证、模式匹配和自动 React 再验证。它适用于需要在 Remix 应用中实现缓存策略、处理缓存失效、进行实时数据同步的场景。
ExpoBuild&Deploy(iOS)Skill expo-build-deploy
Expo React Native 应用的构建与部署指南,涵盖 EAS Build 配置、iOS 应用签名、TestFlight 提交、App Store 提交以及空中更新等关键步骤。
ReactObservabilitySkill react-observability
React 可观测性提供了日志记录、错误消息和调试模式,用于提高React应用的代码可观测性,帮助开发者在生产环境中更有效地诊断问题。
react-state-flowsSkill react-state-flows
React复杂状态流管理:用于处理React中多步骤操作、异步流程、状态机模式或调试流程排序问题。适用于React Web和React Native。
ReactNativeStylingSkill rn-styling
React Native 样式指南,包含 NativeWind 和 BrandColors 的使用模式,适用于 Expo/React Native 中的样式、主题、颜色、响应式布局或平台特定 UI 开发。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的全面性能优化指南,包含57个规则,分为8个优先级类别,旨在帮助开发者在编写、审查或重构代码时遵循最佳实践,优化性能、减少加载时间和改善用户体验。适用于前端开发中的性能调优。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 包优化, 服务器渲染。