- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
市场分析报告,市场报告,行业分析报告,行业报告
全民K歌React Native实践与优
化
袁聪(eddyyuan )
目录
1 React Native简介
2 React Native原理
3 React Native优化
4 展望
目录
1 React Native简介
2 React Native原理
3 React Native优化
4 展望
React Native简介
基于React开发
跨平台特性
原生Native体验
热更新
React Native简介
易传播 性能较好 性能好
性能差 用户体验较好 用户体验好
用户体验差 开发周期短 开发周期长
开发周期短 更新成本较低 更新成本高
更新成本低 维护成本较低 维护成本高
维护成本低
目录
1 React Native简介
2 React Native原理
3 React Native优化
4 展望
React Native原理——通信机制
React Native原理——UI渲染
怎样从JS代码中产生一个Native的View控件呢?
目录
1 React Native简介
2 React Native原理
3 React Native优化
4 展望
React Native优化——Bundle拆分
业务分离,按需加载,减少资源消耗
避免执行大量JavaScript代码带来的性能问题
更灵活的优化策略
减少更新时的流量消耗
React Native优化——Bundle拆分
启动的性能瓶颈在于JavaScript 的执行
图片来源:Dive into React Native Performance
React Native优化——Bundle拆分
更灵活的优化策略
React Native优化——Bundle拆分
减少更新时的流量消耗
React Native优化——Bundle拆分
FB的unbundle方案(开发中):
Android :将模块拆分成巨量的单独的小文件,需要时NativeRequire加载
(可优化点:小文件合并)
iOS:单独Bundle文件(避免I/O性能问题,Android表示哭晕在厕所),
在文件头写入索引,module通过null byte分隔,需要时根据索引加载
React Native优化——Bundle拆分
K歌的方
文档评论(0)