现在软件行业已经跨入大前端时代,所以势必学一点前端的知识。本来移动端开发都是使用各自平台的语言,如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的更多相关文章

  1. H5、React Native、Native应用对比分析

    每日更新关注:http://weibo.com/hanjunqiang  新浪微博!iOS开发者交流QQ群: 446310206 "存在即合理".凡是存在的,都是合乎规律的.任何新 ...

  2. Taro 多端开发的正确姿势:打造三端统一的网易严选(小程序、H5、React Native)

    笔者所在的趣店 FED 早在去年 10 月份就已全面使用 Taro 框架开发小程序(当时版本为 1.1.0-beta.4),至今也上线了 2 个微信小程序.2 个支付宝小程序. 之所以选用 Taro, ...

  3. H5、React Native、Native性能区别选择

    “存在即合理”.凡是存在的,都是合乎规律的.任何新事物的产生总要的它的道理:任何新事物的发展总是有着取代旧事物的能力.React Native来的正是时候,一则是因为H5发展到一定程度的受限:二则是移 ...

  4. Hybrid APP基础篇(二)->Native、Hybrid、React Native、Web App方案的分析比较

    说明 Native.Hybrid.React.Web App方案的分析比较 目录 前言 参考来源 前置技术要求 楔子 几种APP开发模式 概述 Native App Web App Hybrid Ap ...

  5. 利用 Create React Native App 快速创建 React Native 应用

    本文介绍的 Create-React-Native-App 是非常 Awesome 的工具,而其背后的 Expo 整个平台也让笔者感觉非常的不错.笔者目前公司是采用 APICloud 进行移动应用开发 ...

  6. [React Native] Up & Running with React Native & TypeScript

    Create a new application with Typescript: react-native init RNTypeScript --template typescript Then: ...

  7. Flutter介绍 - Flutter,H5,React Native之间的对比

    Flutter介绍 Flutter是Google推出的开源移动应用开发框架.开发者可以通过开发一套代码同时运行在iOS和Android平台. 它使用Dart语言进行开发,并且最终编译成各个平台的Nat ...

  8. Flutter,H5,React Native

    Flutter介绍 - Flutter,H5,React Native之间的对比   Flutter介绍 Flutter是Google推出的开源移动应用开发框架.开发者可以通过开发一套代码同时运行在i ...

  9. React Native实践之携程Moles框架

    编者:本文来自携程框架研发部高级经理魏晓军在第二期[携程技术微分享]上的分享,以下为整理后的文字实录.视频回放可点击这里.关注携程技术中心微信公号ctriptech,可获知更多微分享课程信息. 因为支 ...

随机推荐

  1. 接口(C# 参考)

    接口只包含方法.属性.事件或索引器的签名. 实现接口的类或结构必须实现接口定义中指定的接口成员. 在下面的示例,类 ImplementationClass必须实现一个不具有参数并返回 void 的名为 ...

  2. java二维数组简单初步理解

    二维数组 二维数组本质上是以数组作为数组元素的数组,即“数组的数组”. int[][] arr = {{1, 2, 3}, {4, 5, 6}}; System.out.println(arr[0][ ...

  3. BZOJ4003 [JLOI2015]城池攻占

    这题有两种做法来着... 第一种就是一开始想到的比较不靠谱,不过貌似可以过掉: 看从$1$号节点开始到$p$号节点最大需要的体力,记录单调上升的体力,询问的时候二分跳着走就可以了 不过精度问题还有可能 ...

  4. sql server还原数据库文件(.bak)常见问题解决办法笔记

    还原的时候出现错误:备份集中的数据库备份与现有的数据库不同 SQL Server 2005数据库还原出错错误具体信息为:备份集中的数据库备份与现有的A数据库不同 具体操作如下:第一次:新建了数据库A, ...

  5. 解决tomcat部署多个虚拟机时报IllegalStateException: Web app root system property already set to 的问题

    解决tomcat部署多个虚拟机时报IllegalStateException: Web app root system property already set to 的问题 在web.xml中添加如 ...

  6. ASP.NET-【Excel】-将Excel中的数据批量加载到SQLserver数据库

    用到了一个SqlBulkCopy的类 核心代码分析 代码我还没有测试过 string excelConnectionString = string.Format("Provider=Micr ...

  7. 创建link server链接服务器碰到的问题及解决办法

    问题描述 今天在做数据库迁移,然后新建link server(链接服务器)的时候,碰到以下问题. 我的sql 脚本是这样的. 然后,执行的时候就收到以下错误信息. Msg 468, Level 16, ...

  8. 用for循环打印菱形

    package nothh; public class mmm { public static void main(String[] args) { //for循环内的 for按顺序运算,先打印1/4 ...

  9. UI UIView

    课程内容:   一.iOS概述 2007年1月9日Macworld大会上公布iPhone OS系统,2010WWDC大会上改名为iOS   二. UI编程概述 UI的本意是用户界面,是英文User和 ...

  10. HTML5中canvas的save和restore方法

    canvas的save和restore方法: save() 方法把当前绘画状态的一份拷贝压入到一个保存图像状态的栈中.这里的绘画状态指坐标原点.变形时的变化矩阵(该矩阵是调用 rotate().sca ...