Native VS H5 VS React Native
现在软件行业已经跨入大前端时代,所以势必学一点前端的知识。本来移动端开发都是使用各自平台的语言,如iOS端使用OC,swift;Android使用java,但是随着H5的出现,导致移动端Native出现一点裂痕,一些小公司更多倾向于混合开发。2015React Native的出现,又重新掀起移动端开发模式之争,之前的H5并未被广泛运用,只是因为H5开发的app性能上跟不上Native,但是随着React Native的出现和手机性能的逐步提升,React Native开发的app在性能方面上已经很接近Native开发的原生app,更重要的React Native的热更新让本来的Native的迭代更新黯然失色,React Native彻底的解决了Native开发带来的周期长,开发成本高,维护升级等复杂的问题,大大减少了开发团队所需的能力和人员。
Native :
Native开发,对于iOS开发人员和 Android开发人员是最为熟悉的,它最好的一点也是唯一支撑地位的一点就是性能高。但是开发起来实在太为繁琐,怎么个繁琐法,就是太繁琐!!!呵呵。。。
H5:
HTML5(简称“H5”)是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。目前,H5技术正处于不断发展的过程中,作为移动轻应用,它在未来具有无限可能,潜力巨大。
虽然H5开发的APP在很多方面存在问题,但是H5开发app也有一定的竞争力。
H5之所以被人们广泛接纳,与其独特性密切相关。它拥有众多特点:
一、开发成本低,仅为开发传统App成本的1/5甚至1/10。H5技术的低门槛,让大量中小型企业纷纷将目光转向基于H5技术的各种营销推广手段。
二、免去适配多个平台的困扰,跨平台使用。对于平台的跨越,减轻了平台障碍,便于开发应用。在维护方面,H5不用像客户端那样需要经常升级,它可以实时更新,有问题立即响应。
三、互动性强,便于实现各种形式的传播。当前较为流行的H5技术应用形式有邀请函、招聘广告、产品推荐、品牌推广等。当前,H5页面也成为各大商家和网络公关传播者普遍采取的表现形式。
四、无安装门槛,更容易推广、爆发且推广成本低。对于用户来说,H5大大降低了用户的使用门槛,他们只需轻轻一点即可满足需求。而且H5应用导流非常容易,超级APP(如微信)、搜索引擎、应用市场、浏览器……到处都是H5的流量入口。
React Native:
传说是目前最火的前端技术,只要掌握了这个忍术,当上火影完全易如反掌。
这几天刚开始接触这玩意,翻阅网站,记录一下所见所闻。
React Native 是Facebook于2015年9月发布的一个用JavaScript就能编写Android,iOS,后台的技术。它对原生控件做了一定封装之后,使用组件完成界面的搭建,效果可以媲美原生,它的出现让移动端发生了很大改变,React Native一开始只支持iOS平台,后台也慢慢支持了Android平台。个人之见, React Native的出现,虽然不会完全占领Native领地,但是势必会分一杯羹,所以加紧时间学习,哪怕以后React Native败了,你所学的JS只是也是转前端的保证。
更多有关这三方面的比较有浏览下面给出的网址,里面有大牛给出的具体分析。
这里再提一下,大家关心的性能问题,有人做了个具体的数据分析,大致长这样: http://lib.csdn.net/article/reactnative/38238
下面是平时本人学习React Native的地方:
React Native入门:https://github.com/lan-xue-xing/thinking-react-native
csdn的React Native知识库:http://lib.csdn.net/base/reactnative/structure
大牛江清清博客:http://www.lcode.org/
React Native中文网:http://reactnative.cn/
微信搜索公众号(小马哥培训的导师): 旋之华
需要React Native入门基础视频和JS视频的可以加我QQ: 510738319
顺便附上本人之前写的React Native源码:
https://github.com/pheromone/React-Native-1
Native VS H5 VS React Native的更多相关文章
- H5、React Native、Native应用对比分析
每日更新关注:http://weibo.com/hanjunqiang 新浪微博!iOS开发者交流QQ群: 446310206 "存在即合理".凡是存在的,都是合乎规律的.任何新 ...
- Taro 多端开发的正确姿势:打造三端统一的网易严选(小程序、H5、React Native)
笔者所在的趣店 FED 早在去年 10 月份就已全面使用 Taro 框架开发小程序(当时版本为 1.1.0-beta.4),至今也上线了 2 个微信小程序.2 个支付宝小程序. 之所以选用 Taro, ...
- H5、React Native、Native性能区别选择
“存在即合理”.凡是存在的,都是合乎规律的.任何新事物的产生总要的它的道理:任何新事物的发展总是有着取代旧事物的能力.React Native来的正是时候,一则是因为H5发展到一定程度的受限:二则是移 ...
- Hybrid APP基础篇(二)->Native、Hybrid、React Native、Web App方案的分析比较
说明 Native.Hybrid.React.Web App方案的分析比较 目录 前言 参考来源 前置技术要求 楔子 几种APP开发模式 概述 Native App Web App Hybrid Ap ...
- 利用 Create React Native App 快速创建 React Native 应用
本文介绍的 Create-React-Native-App 是非常 Awesome 的工具,而其背后的 Expo 整个平台也让笔者感觉非常的不错.笔者目前公司是采用 APICloud 进行移动应用开发 ...
- [React Native] Up & Running with React Native & TypeScript
Create a new application with Typescript: react-native init RNTypeScript --template typescript Then: ...
- Flutter介绍 - Flutter,H5,React Native之间的对比
Flutter介绍 Flutter是Google推出的开源移动应用开发框架.开发者可以通过开发一套代码同时运行在iOS和Android平台. 它使用Dart语言进行开发,并且最终编译成各个平台的Nat ...
- Flutter,H5,React Native
Flutter介绍 - Flutter,H5,React Native之间的对比 Flutter介绍 Flutter是Google推出的开源移动应用开发框架.开发者可以通过开发一套代码同时运行在i ...
- React Native实践之携程Moles框架
编者:本文来自携程框架研发部高级经理魏晓军在第二期[携程技术微分享]上的分享,以下为整理后的文字实录.视频回放可点击这里.关注携程技术中心微信公号ctriptech,可获知更多微分享课程信息. 因为支 ...
随机推荐
- 接口(C# 参考)
接口只包含方法.属性.事件或索引器的签名. 实现接口的类或结构必须实现接口定义中指定的接口成员. 在下面的示例,类 ImplementationClass必须实现一个不具有参数并返回 void 的名为 ...
- java二维数组简单初步理解
二维数组 二维数组本质上是以数组作为数组元素的数组,即“数组的数组”. int[][] arr = {{1, 2, 3}, {4, 5, 6}}; System.out.println(arr[0][ ...
- BZOJ4003 [JLOI2015]城池攻占
这题有两种做法来着... 第一种就是一开始想到的比较不靠谱,不过貌似可以过掉: 看从$1$号节点开始到$p$号节点最大需要的体力,记录单调上升的体力,询问的时候二分跳着走就可以了 不过精度问题还有可能 ...
- sql server还原数据库文件(.bak)常见问题解决办法笔记
还原的时候出现错误:备份集中的数据库备份与现有的数据库不同 SQL Server 2005数据库还原出错错误具体信息为:备份集中的数据库备份与现有的A数据库不同 具体操作如下:第一次:新建了数据库A, ...
- 解决tomcat部署多个虚拟机时报IllegalStateException: Web app root system property already set to 的问题
解决tomcat部署多个虚拟机时报IllegalStateException: Web app root system property already set to 的问题 在web.xml中添加如 ...
- ASP.NET-【Excel】-将Excel中的数据批量加载到SQLserver数据库
用到了一个SqlBulkCopy的类 核心代码分析 代码我还没有测试过 string excelConnectionString = string.Format("Provider=Micr ...
- 创建link server链接服务器碰到的问题及解决办法
问题描述 今天在做数据库迁移,然后新建link server(链接服务器)的时候,碰到以下问题. 我的sql 脚本是这样的. 然后,执行的时候就收到以下错误信息. Msg 468, Level 16, ...
- 用for循环打印菱形
package nothh; public class mmm { public static void main(String[] args) { //for循环内的 for按顺序运算,先打印1/4 ...
- UI UIView
课程内容: 一.iOS概述 2007年1月9日Macworld大会上公布iPhone OS系统,2010WWDC大会上改名为iOS 二. UI编程概述 UI的本意是用户界面,是英文User和 ...
- HTML5中canvas的save和restore方法
canvas的save和restore方法: save() 方法把当前绘画状态的一份拷贝压入到一个保存图像状态的栈中.这里的绘画状态指坐标原点.变形时的变化矩阵(该矩阵是调用 rotate().sca ...