RN vs Hybrid

RN vs Hybrid

大家知道 Hybrid 是基于 WebView 的，在 Android 上的性能缺陷非常明显；而 RN 是利用 JSCore 转化成 Native 运行的，性能相对而言好不少。RN 的体验和原生的几乎没有差别，而 Webview 的实现是网页开发思路，体验会相差很大。

RN 是在 React.js 上进行改进形成的一套语法

RN 需要从服务器下载 JS bundle，然后在本地转化成 Native code 运行的，所以在第一次打开 App 时需要花费一些时间进行下载和刷新。当然我们可以在发布 client 时内置一个写好的 js 文件在本地作缓存用

对于一个用 RN 搭建的移动 App，在启动后会从服务器下载最新的 JS Bundle 文件，然后由本地 JavascriptCore 引擎对 JS 文件进行解析，并利用 Bridge 映射到对应的 Native 方法和 UI 控件。得到的效果是：

由于可以利用 JS bundle 同时下发数据和业务逻辑，这意味着你可以像 Web 开发一样，实时迭代更新你的移动端 App，无需在了解各自平台的热修复技术

Native Modules，这是 RN 强大的一个扩展性，允许你通过简单的代码就能实现在 JS 里直接调用你自己的 Native 方法

Native Components，如果你自己实现了一些复杂的 Native UI 组件，而这些组件尚未被 RN 支持，你可以利用 Native Components 快速把原生组件引入到 RN 中并可以直接在 JS 里更新这些组件的状态。

Sublime开发工具

compile "com.facebook.react:react-native:+" // From node_modules.；

http://www.jianshu.com/p/b88944250b25

RN vs Hybrid相关推荐

[转] 2016前端开发技术巡礼
2016年马上过去了,像过去六年中的每一年一样,Web前端领域又产生了"面目全非"而又"耳目一新"的变化,不但旧事物持续不断地被淘汰,新事物也难保坐久江山,大有 ...
转载：2016前端开发技术巡礼
本文转自前端之巅,作者殷勇. 2016年马上过去了,像过去六年中的每一年一样,Web前端领域又产生了"面目全非"而又"耳目一新"的变化,不但旧事物持续不断地被淘 ...
携程是如何做React Native优化的
React Native(下文简称RN)开源已经一年多时间,国内各大互联网公司都在使用,携程也在今年5月份投入资源开始引入,并推广给多个业务团队使用,本文将会分享我们遇到的一些问题以及我们的优化方案. ...
React Native性能优化总结
React Native开源已经接近2年时间,京东.携程.58同城等互联网公司都在使用,公司于今年也开始使用,并推广到各个新项目.本文重点分享我们遇到的一些问题以及优化方案. 一.为什么会引入Reac ...
美团基于跨平台 Flutter 的动态化平台建设
点击上方"开发者技术前线",选择"星标" 每天 14.00 在看 | 真爱转载自:前端之巅 | 作者 Yonie,王文婧由 Google 推出的 ...
58同城首页腰部动态化技术选型(布局动态化)
1. 行业情况 1.1 基本概念介绍 1.1.1 Web混合 Web 前端和客户端的混合开发.使用 WebView 进行页面渲染.逻辑执行:依赖客户端的能力需要通过 JSBridge(通信桥) 的方式 ...
网易云音乐招聘 | 遇见offer之就要圆你的大厂梦
简历投递入口 1.前端开发工程师(高级/资深/专家等各路大牛都欢迎) 职位描述: 1.负责或参与各类型项目(Web&Webview.RN.Hybrid Web.PC&MAC.小程序.创 ...
干货 | 携程移动直播探索
作者简介鹏程,携程 Android 开发工程师,Android google jetpack和kotlin语言的拥护者. 一.背景直播行业大概在10年前就开始兴起了,秀场直播和游戏直播是pc时代比 ...
珊瑚海 - 一站式跨端动态化布局框架原理
目录 1.珊瑚海介绍 2.与其他框架的对比 3.客户端引擎 4.管理后台 5.低代码前端 6.打造更易用的组件库 7.生态规划 1. 珊瑚海介绍 CoralSea官网: http://doc.58co ...

RN vs Hybrid

RN vs Hybrid相关推荐

最新文章

热门文章