2022年ReactNative即将迎来全新的框架，性能和交互将得到大幅度的提升，另外新增的skia支持也能帮助RN拥有新的支持。

之前写了一篇关于react-native-code-push的入门使用篇：微软的React Native热更新 - 使用篇，真的是很简单的使用，能热更新成功就行了。这一篇通过在项目中实战所遇到的问题，根据源码分析它的原理，来更深入的理解code-push。 这篇文章是在已经搭建好…

逻辑比较简单，如果查到map里没有记录这个模块则id自增，然后将该模块记录到map中，所以从这里可以看出，官方代码生成moduleId的规则就是自增，所以这里要替换成我们自己的配置逻辑，我们要做拆包就需要保证这个id不能重复，但是这个id只是在打包时生成，如果我们单独打业务包，…

目前项目中RN模块已经改造成了拆包方式，每次在初始化的时候先加载common代码，然后进入相具体业务页面加载business代码，虽然business的代码只有几十k左右，但是没有预加载的情况下，等待加载完毕也需要一些时间，虽然是瞬间的，用户还是能感受到页面白屏情况；而且，在用…

首先需要初始化RN的运行环境。加载common使公共的模块代码优先执行，不会涉及视图的绑定渲染 RN拆包流程，最终还是要归功于 RN 基于 javascript 设计的灵活性。分步的执行方式能够让我们轻松的将 Bundle 的加载、视图的渲染分步进行，互不影响；

require定义的代码块，找到 __d 定义的代码块并执行，其中require中的数字即为 __d定义行中最后出现的那个数字。 从上述源码也可以看出，系统使用整数型的方式，从0开始遍历所有模块，并依次使 Id 增加 1。所以我们可以修改此处逻辑，以模块路径名称的方式作为Id即…

1. 在setting.gradle里配置android依赖 由构造函数可知，reactNativeModules是一个由getReactNativeConfig方法返回的数组，我们暂且不去管getReactNativeConfig的具体内容，只需要知道它返回了项目的包名pac…

Facebook在2018年6月官方宣布了大规模重构React Native的计划及重构路线图。目的是为了让React Native更加轻量化、更适应混合开发，接近甚至达到原生的体验。（也有可能是React Native团队感受到了Google Flutter的追赶压力，必须从…

前言最近在进行RN项目重构，通过查阅各种资料，从RN底层出发，思考总结了一些从react到react-native的性能优化相关问题Performance·ReactNative请先认真查看官方文档（