React Native 应用性能优化指南,涵盖 JavaScript/React、原生(iOS/Android)与打包优化。基于 Callstack 的「React Native 优化终极指南」。
| 1 | FPS 与重渲染 | 关键 | js- | | 2 | 打包体积 | 关键 | bundle- | | 3 | TTI 优化 | 高 | native-, bundle- | | 4 | 原生性能 | 高 | native- | | 5 | 内存管理 | 中高 | js-, native- | | 6 | 动画 | 中 | js- |
JavaScript/React (js-):js-lists-flatlist-flashlist(CRITICAL:用虚拟化列表替换 ScrollView)、js-profile-react、js-measure-fps、js-memory-leaks、js-atomic-state、js-concurrent-react、js-react-compiler、js-animations-reanimated、js-uncontrolled-components。
Предоставьте руководство по оптимизации производительности React Native, охватывающее FPS, TTI, размер пакета, утечки памяти, повторный рендеринг и анимацию. Подходит для задач, связанных с оптимизацией Hermes, блокировкой потоков JS, накладными расходами моста, FlashList, собственными модулями или отладкой заиканий и пропаданий кадров. Источник: kunhai-88/skills.