1.背景 广发手机证劵App计划在6.4版本中支持ReactNative。首页，必答等多个业务模块计划用RN替换H5实现。 因上述业务均由手机证劵外的其他小团队各自负责，故为了后续控制apk的包大小，以及提升RN模块首屏显示速度。我们预先做了JsBundle的拆包优化，后续再…

背景 什么是动态化 近年来，越来越多基于前端技术栈的动态化方案被引入到客户端开发中，大家有没有想过平时开发写代码时，使用的客户端技术栈和前端技术栈有什么不同呢？ 简单来说，无论是Android还是iO

目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 K

转前端一年半了，平时接触最多的框架就是React。在熟悉了其用法之后，避免不了想深入了解其实现原理，网上相关源码分析的文章挺多的，但是总感觉不如自己阅读理解来得深刻。于是话了几个周末去了解了一下常用的流程。也是通过这篇文章将自己的个人理解分享出来。 在具体的源码流程分析之前，根…

答：当项目复杂时 Fiber 树拥有很多很多的节点，如果通过遍历每个节点的方式去运行当前节点副作用的话时间复杂度会上升，所以在构建树的时候通过判断每个节点的 effectTag 将副作用关联起来生成一个链表可以有效的降低时间复杂度提升程序效率。 答：副作用处理 componen…

1. 命令参数解析 由于本文主要分析 react-native 打包流程，所以只需查看react-native/node_modules/@react-native-community/cli/build/commands/bundle/bundle.js即可。 在 bundl…

本文因项目实际问题而起，简要分析了 RN Bundle 的结构。 原本计划在完成『ReactNative源码解析——渲染机制详解』一文后，暂停 RN 相关的总结分享，谁料项目中通过RN分包同时加载两个业务 bundle 时出错了！索性对 RN Bundle 研究一番，遂总结出此…

随着 React Native 技术在业务中广泛的应用，一些比较重要的功能也开始采用 React Native 的技术方案来实现，这就给 React Native 页面的打开速度提出了更高的要求，因为打开速度是影响用户跳出率的重要原因之一。 对于 React Native 打开…

react-native拆包&热更体系搭建（一） 一、前言 触过react-native的小伙伴都知道热更是rn最大的特点之一，掌握了热更就可以随时上线新的迭代、线上bug hotfix，这样一来发版