React Native 优化相关

JS加载

在 react-native 执行 JS 代码之前,必须将代码加载到内存中并进行解析。如果你加载了一个 50MB 的 bundle,那么所有的 50mb 都必须被加载和解析才能被执行。RAM 格式的 bundle 则对此进行了优化,即启动时只加载 50MB 中实际需要的部分,之后再逐渐按需加载更多的包。

使用内联引用,可以实现懒加载,降低启动时间。

直接加载的样例代码:

import ModalApp from './MyJS/Modal';
AppRegistry.registerComponent("ModalApp", () => ModalApp);

内联引用加载:

let m = require('./MyJS/Modal').default
AppRegistry.registerComponent("ModalApp", () => m);