首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React Native
订阅
星若幻
更多收藏集
微信扫码分享
微信
新浪微博
QQ
30篇文章 · 0订阅
2022 年 React Native 的全新架构更新
2022年ReactNative即将迎来全新的框架,性能和交互将得到大幅度的提升,另外新增的skia支持也能帮助RN拥有新的支持。
react-native-code-push进阶篇
之前写了一篇关于react-native-code-push的入门使用篇:微软的React Native热更新 - 使用篇,真的是很简单的使用,能热更新成功就行了。这一篇通过在项目中实战所遇到的问题,根据源码分析它的原理,来更深入的理解code-push。 这篇文章是在已经搭建好…
一种强大、可靠的React Native拆包以及热更新方案,基于CodePush,Metro
逻辑比较简单,如果查到map里没有记录这个模块则id自增,然后将该模块记录到map中,所以从这里可以看出,官方代码生成moduleId的规则就是自增,所以这里要替换成我们自己的配置逻辑,我们要做拆包就需要保证这个id不能重复,但是这个id只是在打包时生成,如果我们单独打业务包,…
RN拆包解决方案(三) RCTBridge缓存
目前项目中RN模块已经改造成了拆包方式,每次在初始化的时候先加载common代码,然后进入相具体业务页面加载business代码,虽然business的代码只有几十k左右,但是没有预加载的情况下,等待加载完毕也需要一些时间,虽然是瞬间的,用户还是能感受到页面白屏情况;而且,在用…
RN拆包解决方案(二) bundle加载
首先需要初始化RN的运行环境。加载common使公共的模块代码优先执行,不会涉及视图的绑定渲染 RN拆包流程,最终还是要归功于 RN 基于 javascript 设计的灵活性。分步的执行方式能够让我们轻松的将 Bundle 的加载、视图的渲染分步进行,互不影响;
RN拆包解决方案(一) bundle拆分
require定义的代码块,找到 __d 定义的代码块并执行,其中require中的数字即为 __d定义行中最后出现的那个数字。 从上述源码也可以看出,系统使用整数型的方式,从0开始遍历所有模块,并依次使 Id 增加 1。所以我们可以修改此处逻辑,以模块路径名称的方式作为Id即…
从源码深入探究react-native 0.60 的autolink过程
1. 在setting.gradle里配置android依赖 由构造函数可知,reactNativeModules是一个由getReactNativeConfig方法返回的数组,我们暂且不去管getReactNativeConfig的具体内容,只需要知道它返回了项目的包名pac…
庖丁解牛!带你深入了解React Native下一代架构重构
Facebook在2018年6月官方宣布了大规模重构React Native的计划及重构路线图。目的是为了让React Native更加轻量化、更适应混合开发,接近甚至达到原生的体验。(也有可能是React Native团队感受到了Google Flutter的追赶压力,必须从…
彻底弄懂 React Native 性能优化的来龙去脉
前言最近在进行RN项目重构,通过查阅各种资料,从RN底层出发,思考总结了一些从react到react-native的性能优化相关问题Performance·ReactNative请先认真查看官方文档(
Android BLE 蓝牙开发入门
逐步指导新手进行 Android ble 蓝牙的开发,避免踩坑。