Skip to content

云音乐 React Native 体系建设与发展

历史

双端预加载

离线包平台

1621321844632-daff596f-84fd-4b13-b6d7-0a3d28342844.png

3 端方案

Taro 根据 RN 规范自己实现了一套 DSL,对函数和事件做了自定义。

底层构建

[react-native-web](https://github.com/necolas/react-native-web)

新开发流程

开发了rn-cli脚手架,rn-util常用工具库,rn-template工程初始化模板等配套工具,形成了一整套 RN 开发的基础设施

1621322164075-eff9db9b-b2f2-4987-a5b6-c9b523e60688.png

后续

后续的具体规划围绕性能、效率、监控三大方向展开

统一bridge

大前端这边统一了两端 API,重构了底层协议来支持上面的功能

java
// 查看 net.nefetch 是否支持,
mnb.checkSupport({
    module: 'net',
    method: 'nefetch'
}).then(res => {

})

/* 手动添加方法 */
mnb.addMethod({
    schema: 'page.info',
    name: 'getPageInfo'
});

/* 添加之后即可调用 */
mnb.getPageInfo().then((result) => {
    // ...
}).catch((e) => {
    // ...
});

RN 拆包

更新: 2021-05-18 15:19:11
原文: https://www.yuque.com/u3641/dxlfpu/osw34x