首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/react-native-best-practices
技能头像

react-native-best-practices

开发者工具

使您的代理能够针对性能、包体积 (bundle size) 和流畅的动画优化 React Native 应用程序。

使用场景

  • 当您的移动应用出现 UI 动画缓慢或掉帧时

  • 当您需要减小 React Native 应用的包体积时

  • 当您想要优化应用启动时间和内存管理时

使用方式

  1. 1

    测量您的基准性能指标,如 FPS 和 TTI

  2. 2

    使用 React Native 开发工具或原生性能分析器 (profilers) 识别瓶颈

  3. 3

    针对列表、原子状态或 Hermes 设置应用优化模式

  4. 4

    通过重新测量和验证您的指标来验证改进效果

示例对话

案例
你

你

滚动这个长列表时我们的应用感觉很卡顿。

react-native-best-practices

Agent

我将分析您的列表实现,并建议将 ScrollView 替换为 FlatList 或 FlashList,以获得更好的虚拟化效果。我还将检查原子化状态管理是否可以减少不必要的重新渲染,并提高滚动交互期间的 FPS。随后我们将重新测量帧率以确认卡顿问题已解决。

FAQ

相关 Skill

查看更多
vercel-react-best-practices
vercel-react-best-practices开发者工具

让您的智能体能够通过消除瀑布流和减小包体积来优化 React 和 Next.js 的性能。

vue-best-practices
vue-best-practices开发者工具

让您的智能体能够遵循严格的架构和性能标准实现高质量的 Vue 3 应用程序。

dotnet-best-practices
dotnet-best-practices开发者工具

赋予您的智能体确保您的 .NET 和 C# 代码符合现代架构标准、设计模式和性能优化的能力。

next-best-practices
next-best-practices开发者工具

让你的智能体能够遵循 App Router、RSC 和数据模式的最新规范来编写和审查 Next.js 代码。

nestjs-best-practices
nestjs-best-practices开发者工具

让你的智能体能够使用行业标准的架构和安全模式,实现生产就绪的 NestJS 应用程序。

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。