用途:这是一份 React Native 与 Expo 优化指南,用于排查和改善卡顿 UI、动画掉帧、列表滚动性能、内存泄漏、启动时间(TTI)、包体积与应用体积等问题,也涉及 Reanimated 动画、原生组件 UI、React Compiler 与 monorepo 结构。
主要能力:内容按优先级组织,分为核心渲染、列表性能、FPS 与重渲染、包体积、动画、导航、TTI 优化、UI 模式、原生性能、状态管理、React Compiler、内存管理、monorepo 等类别。Vercel 部分提供 36 条规则,如避免用 && 渲染假值、字符串包在 Text 组件中、列表使用 FlashList/LegendList 并记忆化条目、只动画 transform 与 opacity、优先原生导航器、使用 expo-image 与 Pressable、用 StyleSheet.create 等。Callstack 部分提供 27 份参考,涵盖 React DevTools 剖析、FPS 监控、包体积分析与 tree shaking、Hermes mmap、TTI 测量、Turbo Modules、JS 与原生内存泄漏排查等。
使用方式:按问题对照表定位规则或参考文件。例如包体积分析可执行:npx react-native bundle --entry-file index.js --bundle-output output.js --platform ios --sourcemap-output output.js.map --dev false --minify true,再用 npx source-map-explorer output.js --no-border-checks 查看。打开 React Native DevTools 可在 Metro 中按 j,或摇动设备选择 Open DevTools。原生剖析使用 iOS 的 Xcode Instruments Time Profiler 或 Android Studio CPU Profiler。
适用场景:调试慢或卡顿的界面与动画、优化长列表滚动、排查内存增长、缩短启动时间、减小包体积、实现 Reanimated 动画、构建原生 UI、使用 React Compiler、组织 monorepo。
限制:资料未提供具体收费、价格、平台支持范围或效果数据,也未给出完整安装步骤,相关内容暂未提供。