React Native全链路性能调优

该能力提炼自 Callstack 官方的《Ultimate Guide to React Native Optimization》，覆盖 JavaScript/React 层、原生端（iOS 与 Android）以及打包构建三个核心维度的性能调优方案。针对列表掉帧、无效重复渲染、冷启动（TTI）缓慢、产物体积膨胀、内存泄漏和 Turbo Modules 线程阻塞等常见顽疾，提供遵循“测量-优化-复测-验证”闭环的排查手段与修复指引。

它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。

常见场景

它能帮你做什么？

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“长列表在低端安卓机上滑动频繁掉帧，请帮我用 React DevTools 定位慢组件，并提供迁移至 FlashList 的优化改写方案。”

“我们的 React Native App 冷启动 TTI 超过 3.5 秒，请根据 Hermes 引擎机制给出 Android 和 iOS 双端的冷启动调优步骤。”

“使用 source-map-explorer 分析出的 JS bundle 超过 2MB，请排查 Barrel Imports 影响并给出针对 Metro 的依赖瘦身建议。”

适用人群

适合谁？

React Native 架构师与研发工程师移动端跨平台技术专家App 性能与体验专项治理人员

上手门槛

使用难度

专业

适合熟悉相关工具和专业流程的用户。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

React Native全链路性能调优.Skill