搜索结果: "react"
Zustand状态管理最佳实践Skill zustand
Zustand状态管理技能提供React应用中Zustand库的最佳实践指南,涵盖存储架构、选择器优化、重新渲染预防等关键方面,帮助开发者优化性能、提高代码可维护性,并集成SSR和TypeScript。关键词:Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。
UI/UX设计智能Skill ui-ux-pro-max
UI/UX设计智能技能是一个全面的前端设计工具,提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南,支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验,适用于网站、应用、仪表板等项目,提升设计效率和专业性。关键词:UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。
Effect-TS最佳实践Skill effect-best-practices
这个技能提供Effect-TS库的全面最佳实践指南,涵盖服务模式、错误处理、模式匹配、层组合和前端状态管理,帮助开发者编写类型安全、可测试、可观察和可维护的代码。关键词:Effect-TS, TypeScript, 函数式编程, 最佳实践, 服务定义, 错误处理, 架构设计, React状态管理。
前端开发指南Skill frontend-dev-guidelines
这是一个前端开发指南,专注于现代React/TypeScript应用开发,包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词:前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。
React开发指南Skill react
此技能提供React前端开发的全方位指导,涵盖组件、JSX、props、state、hooks、context等核心概念,以及性能优化和最佳实践。适用于开发React应用、管理状态和使用hooks的场景,关键词包括React、前端开发、组件、JSX、props、state、hooks、context、性能优化和最佳实践,方便SEO搜索。
ReactNative设计Skill react-native-design
这个技能专注于使用React Native框架进行跨平台移动应用开发,涵盖样式设计、导航实现和动画创建,以构建高性能、原生体验的应用。关键词包括:React Native, 样式设计, 导航, 动画, 跨平台, 移动开发, 性能优化, Reanimated, React Navigation。
React开发避坑指南Skill pitfalls-react
React 开发避坑指南,提供 React 组件模式、表单验证、错误边界、可访问性 (a11y) 和响应式设计的常见陷阱与最佳实践。适用于前端开发、代码审查、性能优化、用户体验提升。关键词:React 组件,表单验证,错误边界,可访问性,响应式设计,前端开发,React Hook Form,Zod,ARIA,useEffect。
ReactObservabilitySkill react-observability
React 可观测性提供了日志记录、错误消息和调试模式,用于提高React应用的代码可观测性,帮助开发者在生产环境中更有效地诊断问题。
ReactNative认证(Expo)Skill rn-auth
本文介绍了在 Expo 应用中实现 React Native 认证的模式,包括 OAuth 流程、令牌存储、认证上下文、保护路由和后端集成。
响应式编程Skill reactive-programming
使用RxJS、流、可观察对象和背压处理实现响应式编程模式。适用于构建事件驱动的UI、处理异步数据流或管理复杂的数据流。
OnchainKit链上开发Skill onchainkit
OnchainKit 是 Coinbase 提供的 React 组件库,用于快速构建链上(Onchain)应用程序。该技能专注于 Web3 和 DApp 开发,提供钱包连接、身份管理、代币兑换、NFT 铸造和支付处理等核心功能模块。开发者无需深厚区块链后端知识,即可利用其预置组件高效开发部署在 Base 等链上的去中心化应用,显著降低开发门槛和交易成本。关键词:OnchainKit, 链上应用, Web3开发, DApp, React组件, Coinbase, 钱包集成, 代币兑换, NFT, 区块链开发。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南,由 Vercel 维护。这套指南包含 45 条规则,覆盖 8 个类别,旨在指导开发者在编写、审查或重构 React/Next.js 代码时,遵循最佳性能模式。关键词包括:性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。