搜索结果: "react"
ReactNativeSkill react-native
React Native是一种用于开发跨平台移动应用的框架,它允许开发者使用JavaScript和React来构建原生应用。这个技能涵盖了React Native的项目结构、组件模式、状态管理、测试和平台特定代码的最佳实践。
ReactWeb技能Skill react-web
React Web 开发技能,涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词:React, 测试先行,组件开发,状态管理,React Router,CSS 模块,Tailwind, 性能优化。
移动UI设计技能(ReactNative)Skill ui-mobile
本技能涉及移动用户界面设计的最佳实践,包括React Native框架的使用,以及iOS和Android平台的特定设计模式。它涵盖了从触摸目标尺寸、颜色对比度、可见性规则到辅助功能标签等一系列关键的UI设计原则,确保移动应用的可访问性和用户友好性。
senior-frontendSkill senior-frontend
高级前端技能,专注于React、Next.js、TypeScript和Tailwind CSS应用的前端开发模式、性能优化和自动化工具。
senior-qaSkill senior-qa
为React和Next.js应用提供自动化测试、覆盖率分析和质量保证模式。
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 页面、数据获取、捆绑包优化、性能改进。
ErrorBoundariesinReactSkill ErrorBoundariesinReact
在React应用程序中使用错误边界进行优雅错误处理,捕获JavaScript错误并显示备用UI以提高应用程序的弹性。
FormHandlingwithReactHookFormandZodSkill FormHandlingwithReactHookFormandZod
使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单,提高数据质量,减少表单放弃,提升用户体验。
InfiniteScrollPatternsSkill InfiniteScrollPatterns
专家级框架,用于实现无限滚动,包括使用Intersection Observer、虚拟滚动、React Query和针对大数据集的性能优化。
Material-UI(MUI)最佳实践Skill Material-UI(MUI)BestPractices
使用 Material-UI (MUI) 构建 React 应用的最佳实践,包括组件库、主题系统、响应式设计和暗色模式的实现。
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架,用于构建现代 React 应用程序,包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。