工程开发
react-native-best-practices avatar

react-native-best-practices

React Native 性能优化指南,涵盖 FPS、TTI、Bundle 大小、内存泄漏与分析模式,基于 Callstack 的专业最佳实践。

简介

此技能为 React Native 开发者提供全面的性能优化框架,基础源自 Callstack 的「React Native 性能优化终极指南」。专为旨在提升应用响应速度、缩短启动时间并减少大规模移动项目技术债的工程师而设计。本技能作为人工智能顾问,提供结构化的诊断工作流程以及针对常见性能瓶颈的策略性修复建议。

  • 使用 React DevTools、Xcode Instruments 和 Android Studio CPU Profiler 的进阶分析技术,以识别卡顿与掉帧现象。

  • 优化 JS/React 渲染的策略,包括 FlashList 的正确使用、通过 Jotai 或 Zustand 进行原子化状态管理,以及使用 React Compiler 进行自动记忆化。

  • 深入的 Bundle 优化技术,包括 Bundle 分析、Tree Shaking 以及 Android 原生代码的 R8 配置。

  • 用于识别并解决 JS 端与原生端内存泄漏的内存管理模式。

  • 通过原生导航优化、Hermes VM 调整以及策略性模块加载来减少 TTI(可交互时间)。

  • 在性能审核、代码审查或调查涉及交互延迟或 UI 冻结的生产环境事故时,参考这些指南。

  • 输入通常包括用于审查的代码片段、性能分析数据(重新渲染次数、提交时间轴)或与性能阈值相关的错误报告。

  • 输出提供可执行的诊断、建议的代码重构、配置变更以及验证步骤(测量 → 优化 → 重新测量 → 验证)。

  • 请遵守提供的审查准则,避免推测性的优化;仅应用有分析证据或明确反模式证据支持的修复方案。

  • 安全限制:确保所有 Shell 指令均经过本地审查,避免直接管道传输未经信任的脚本;务必验证第三方包来源。

仓库统计

Star 数
1,285
Fork 数
91
Open Issue 数
10
主要语言
JavaScript
默认分支
main
同步状态
空闲
最近同步时间
2026年5月1日 08:51
在 GitHub 查看