ReactNative实战优化之路解释.pdf

ReactNative实战优化之路 腾讯QQ空间 王少鸣 ReactNative Android Developer mangosmwang(王少鸣) QQ空间 About me 15年 至今［Qzone］移动终端开发 负责 Qzone 玩吧业务，专注Hybrid开发，[QQ Js SDK] 研发负责人，专注 ReactNative在Qzone与手Q的应用和推广。 14年 正式跨界移动端 负责碰一碰模块，后续带领团队完成语音广场的开发及微群组2.0上架 13年 加入腾讯 mango(王少鸣) Web前端开发，负责QQ空间Web前端研发工作，参与研发［Qzone V8］ ，经历了用户的井喷和Web技术的快速变革，主要完成V8升级引导过程。 智能终端［Qrobot］开发，负责机器内置帐号登录及监控视频上传，后续 单人负责整个项目维护及上架。 1.关于ReactNative What ReactNative ReactNative 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码 就可以创建 基于Web，iOS 和 Android 平台的原生应用。Facebook 在 2015.9.15发布了 ReactNative for Android，把JavaScript 开发技术扩展到了 Android平台，至此已覆盖当流主流平台。 React Native A FRAMEWORK FOR BUILDING NATIVE APPS USING REACT Learn Once , Write Anywhere Version of ReactNative 12/7/10 12/5/21 12/4/1 12/2/11 Qzone 11/12/23 11/11/3 QQ Qzone 11/9/14 11/7/26 11/6/6 11/4/17 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 两个版本/月 Who Use ReactNative Who Use ReactNative Inside 话题圈 情侣空间 留言板 消息流 资料卡 K歌大赛页 ReactNative 优劣对比 优势 原生控件的体验 Web的版本节奏 Web的开发效率 跨平台 劣势 版本支持度 Android 4.1 (API 16) iOS 7.0 项目尚不成熟，容易Crash，部分机器存在兼容性问题 性能，在高低端机???现两极 Android仅基于Gradle，目前业界较多大平台项目均基于 Ant，如Qzone，手Q等 ReactNative 整体流程 JsBundle1 APP Http Header Data/File Launch SVR JsBundle2 File ? JsBundle1 Render