Android Qzone 6.1版本在情侣空间涉水React Native，以动态插件方式将情侣空间进行React Natived的改造。在情侣空间基础上，Android Qzone 6.2版本以融合的方式将话题圈进行React Native改造。本文主要讲述话题圈的开发改造流程，相关数据对比及性能优化，本次改造ReactNative基于15Release。
一、Android侧项目整体开发流程
二、ReactNative改造后话题圈整体流程
三、ReactNative性能优化之路
本次版本开发周期较赶，加上视频组件本身相对复杂，融入ReactNative耗时较多，部分优化规划在二期实施。
1、包精简
版本对比：
情侣独立插件:7.2m。
话题圈:本次ReactNative框架移植入Qzone整体仅加大了3.2m。
本次版本开发周期较赶，加上视频组件本身相对复杂，融入ReactNative耗时较多，部分优化规划在二期实施。
1、包精简
版本对比：
情侣独立插件:7.2m。
话题圈:本次ReactNative框架移植入Qzone整体仅加大了3.2m。
主要优化点：
1.去除了小平台so库。
2.复用Qzone support jar。
二期规划：
1.在Qzone与ReactNative中间加Adapter，使ReactNative适配Qzone本身网络库及图片库，可以废弃ReactNative框架的okhttp库及fresco库，减少包大小。
2、首屏加速与启动速度
版本对比：
ReactNative改造后话题圈在wifi及缓存优化下，首屏相比H5快约 108ms，并且由于jsbundle缓存到本地，并且可以实现离线访问。
1.png
1.更改源码，新增预初始化接口，在Qzone Feeds渲染完成预加载ReactNative上下文。
2.首屏数据需要等前端走网络请求拉取存本地，H5优先采用本地数据渲染。
优化前后流程对比：
优化前.png
优化后.png
