SuperAPI AI 工具集

react-native-best-practices

前端与建站

查看项目

更新于 10-15 23:59

技能介绍

用途:为 React Native 应用提供性能优化参考,适用于调试卡顿 UI 或动画、排查 JS/原生内存泄漏、优化启动时间(TTI)、缩减包体积与应用体积、编写原生模块(Turbo Modules)、性能剖析以及代码性能审查。

主要能力:按优先级组织指南,依次为 FPS 与重渲染(CRITICAL,js-)、包体积(CRITICAL,bundle-)、TTI 优化(HIGH,native-、bundle-)、原生性能(HIGH,native-*)、内存管理(MEDIUM-HIGH)、动画(MEDIUM)。每个参考文件采用混合格式:Quick Pattern(错误/正确代码片段)、Quick Command(测量命令)、Quick Config(配置片段)、Quick Reference(汇总表)与 Deep Dive(使用时机、前置条件、步骤、常见陷阱),并标注影响等级。

使用方式:遵循“测量→优化→再测量→验证”循环。先采集基线指标,再应用对应参考中的修复,重新测量并确认改进,若无改善则回退并尝试下一个方案。常用命令包括:用 npx react-native bundle 生成 bundle 并用 npx source-map-explorer 分析;用 ls -lh 对比优化前后体积;在 Metro 中按 j 或摇动设备打开 React Native DevTools 进行剖析;用 grep -l 在 references/ 中按关键词查找参考文件。

适用场景:列表滚动卡顿、重渲染过多、启动慢、体积过大、内存增长、动画掉帧、TextInput 延迟、原生模块慢、原生库对齐问题等,均给出对应的起始参考文件。

限制:资料未提供具体安装步骤、收费方式、支持平台版本或效果保证;实际优化结果需以自身测量为准。