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