[书籍精读]《React Native精解与实战》精读笔记分享 (4)

Android平台第三方通过开发者集成JPush Android SDK到其应用中,JPush Android SDK创建到JPush Cloud的长连接,为App提供永远在线的能力,当推送消息到达App时,只需要调用JPush API推送即可

13.3.React Native极光推送实战

jpush-react-native

需要注意Android的应用包名与iOS App的Bundle ID最好保持一致

14.IOS、Android平台发布与热更新 14.2.快速生成平台App图标与启动图的方法

Ape Tools

makeappicon.com

14.3.iOS打包上架

需要使用XCode进行打包,打包后的App可以直接通过XCode提交到App Store供Apple审核

14.4.Android打包上架

App打包开放得多,通过Android Studio工具打包后可以直接生成单独的、可任意复制分发的Apk文件,用户只需要下载apk文件即可在自己的真机上安装

14.5.ReactNative热更新

用户可以在不更新App的情况下进行App的热更新,甚至支持增量热更新,服务器只需要给用户下发新增的代码与资源文件,React Native框架会自动进行JS Bundle文件的合并,App在重新加载了JS Bundle后,App的功能和内容也进行了更新 16

React Native框架会将我们开发的所有JavaScript代码,包括React Native框架代码、第三方组件代码、业务逻辑代码、图片等资源都打包在一个JS Bundle文件中,React Native App运行时会加载这个JS Bundle文件

CodePush是微软推出的用于Cordova框架与React Native框架App热更新的框架,我们可以直接通过调用CodePush的SDK来快速、稳定的实现App的热更新功能

我们通过CodePush的CLI将更新的代码包以及相关资源文件按照CodePush的格式打包后提交到CodePush云平台,用户的设备会请求CodePush的服务器询问是否有文件更新

15.React Native 性能调试方法与技巧 15.1.性能调优基准参数

RAM 内存占用

JSC JavaScript堆内存占用

Views 当前屏幕中所有的view数量

UI FPS(帧率)

JS JavaScript帧率

15.2.常见造成App性能低下的原因

1.console.log语句

2.Navigator性能问题

3.Touchable类组件使用问题

4.改变图片大小导致掉帧问题

5.改变视图时导致丢帧问题

6.ListView组件性能问题

7.在重绘一个没有改变的视图JS的FPS突然下降

8.JavaScript线程繁忙时导致JS线程掉帧

15.3.查找性能问题以及调优方法

XCode的性能测试工具Instruments

Android原生的性能统计工具systrace

15.4.性能优化方法与组件

1.性能优化原则:最核心就是尽量减少通过bridge的通信内容

2.使用特定平台组件:使用特定平台的组件开发特定平台的功能,如NavigatorIOS、TabBarIOS等

3.高性能第三方组件:react-native-fast-image;react-native-largelist;react-native-display;react-native-swipeview;react-native-interactable;

4.资源优化:React Native最终会将所有的资源文件打包成一个Bundle文件;控制Bundle的尺寸大小;除tab图标外其他的图片资源文件可以通过网络加载的方式进行加载,或者从图片CDN上加载;Bundle文件还可以进行拆分,让资源文件按需加载;

写在后面

pdf书籍、笔记思维导图、随书代码打包下载地址:https://pan.baidu.com/s/1ZJz711DrCfGRkqdlkx_HZg(提取码:b4yg)

纸质书京东购买地址:https://u.jd.com/OuBeOf(推荐使用纸质书来学习)

为了方便在手机上查看,后面我会把这些笔记陆续发布到公众号“派三派四”,可以扫码关注一下,欢迎关注。

扫码关注公众号

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsfpxg.html