对比React Native、dcloud、LuaView三个框架技术(内部)
转载自:http://www.jianshu.com/p/ee1cdb33db8d
主要对比React Native和5+SDK(就是dcloud的SDK)两个:
- 开发语言:三个都是用其他语言来统一开发IOS、android应用的框架技术,其中,React Native是使用纯JS,5+SDK是使用JS和html,LuaView则是使用lua语言,三者都是使用css或者类css布局,这点都很像,
三者都可以使用原生(IOS、android)语言做一部分功能,比如有特殊性能要求的地方,就使用原生代码写,然后前端脚本语言调用; - 开发效率:RN和5+SDK是主要采用JS语言做开发,效率上不是问题,LuaView采用的是lua脚本语言,这个大家都不熟悉,所以建议优先前两种;
- 动态发布特性:三者都支持动态发布,而且最方便的是RN(简要说下RN如何工作的,RN采用的是React技术<这个技术已经好多年了,是比较成熟的,只是RN才出现一年半>,这个技术是依托于node.js,并且发布后台采用node.js,文件修改替换即发布,不需要做另外的版本控制<版本控制采用SVN或者git的方式>;发布时,在后台整个项目是作为node.js的一个node节点来发布的;主项目中基本上是一个空项目,引入其他的native模块,这样管理很方便)
- 扩展性:都是动态发布,只有基础native组件需要更新时才需要appstore审核发布;
- 可读性:RN是采用纯JS开发,不需要html,代码上的行数一般要比5+SDK少很多,而且RN的开发过程中,规范做的也不错(个人感觉html+js+css会导致代码的行数上增大很多,阅读起来也就没那么方便)
- 性能:RN是采用JS桥接加Native桥接两个方式合并起来,然后加上增加对比差异化算法增量渲染,而且渲染都是native渲染,性能虽然比纯原生差一点,但是还是远远比H5的性能要快很多;
5+SDK,开发时是html+js+css来开发,其实真正执行渲染时仍然是webview,我用工具查看过最终的页面结构,是一个webview,性能慢那是没的说的了
- 相关开发工具:5+SDK提供一个工具,也不错,不过我们一般都是用其他的文本编辑器就可以了;RN也提供了一个开发工具,atom编辑器的插件nuclide,还不熟练,不过应该不错(也有很多人使用sublime)。
- 开发初阶段,上手速度:RN比较大型,虽然采用的是纯JS开发,但是采用的React的开发方式,有很多的API需要熟悉和使用,相比于5+SDK上手速度是麻烦了点;而且RN的开发环境的搭建和使用需要很多的命令行工具,这也给RN的上手增加了一定的困难,不过用熟练了,就会发现RN这种方式的好,那真是好不好谁用谁知道(貌似5+SDK也是需要熟悉很多API,这点好像差别不是特别大);
- 社区力量:RN在React之后诞生了仅仅一年半,但是github的星数已经达到3、4万了,这个火热程度要远远比其他的框架热门了太多了,社区的力量大,就意味着坑少,或者说即使有坑修复的也快,有问题能找到解决方案的速度也越快,框架完善的速度也越快
- 开源:这也是很重要的因素,RN和LuaView是开源的,开源就意味着我们开发人员可以掌控的力度就越大,这年头,框架不开源,早晚得死;
- 文档:RN的文档还是很全的,还有很多外文翻译,官方也有相关的视频,5+sdk和LuaView文档就很一般般,热别是5+SDK,不开源,文档就不更新;
- RN的另外一个好处:RN同属于React,语法特点都一致的,React的口号就是learn once, write everywhere,而且React就是为web开发而产生,熟练了这个,可以把公司相关模块,比如说web端都可以统一了;当然5+SDK也可以做到这点,LuaView做不到这点,它只适用于IOS、Android的适配。
最后分享一个找到的一个别人开源出来的RN开发的APP:
https://github.com/soliury/noder-react-native
对比React Native、dcloud、LuaView三个框架技术(内部)的更多相关文章
- React Native之携程Moles框架
因为支持用javascript开发原生应用,React Native一推出就受到不少公司热捧,各家都跃跃欲试.但有一个痛点是,在移动端,我们是否有必要开发多套程序:iOS.Android和H5?本次将 ...
- 基于React Native的跨三端应用架构实践
作者|陈子涵 编辑|覃云 “一次编写, 到处运行”(Write once, run anywhere ) 是很多前端团队孜孜以求的目标.实现这个目标,不但能以最快的速度,将应用推广到各个渠道,而且还能 ...
- React Native学习(三)—— 使用导航器Navigation跳转页面
本文基于React Native 0.52 参考文档https://reactnavigation.org/docs/navigators/navigation-prop 一.基础 1.三种类型 Ta ...
- React Native组件(三)Text组件解析
相关文章 React Native探索系列 React Native组件系列 前言 此前介绍了最基本的View组件,接下来就是最常用的Text组件,对于Text组件的一些常用属性,这篇文章会给出简单的 ...
- react native之封装离线缓存框架
请求数据=>本地有无缓存+缓存数据是否过期 =>可用 =>不可用 将代码封装成一个DataStore.js文件, 这里面主要提供:从本地获取数据,从网络获取数据,创建本地时间戳,请求 ...
- 移动端跨平台方案对比:React Native、weex、Flutter
跨平台一直是老生常谈的话题,cordova.ionic.react-native.weex.kotlin-native.flutter等跨平台框架百花齐放,颇有一股推倒原生开发者的势头. 为什么我们需 ...
- React Native实践之携程Moles框架
编者:本文来自携程框架研发部高级经理魏晓军在第二期[携程技术微分享]上的分享,以下为整理后的文字实录.视频回放可点击这里.关注携程技术中心微信公号ctriptech,可获知更多微分享课程信息. 因为支 ...
- 跨平台框架与React Native基础
跨平台框架 什么是跨平台框架? 这里的多个平台一般是指 iOS 和 Android . 为什么需要跨平台框架? 目前,移动开发技术主要分为原生开发和跨平台开发两种.其中,原生应用是指在某个特定的移动平 ...
- React Native初探
前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上面做任何想做的事情. P ...
随机推荐
- 如何在Excel中少犯二(I)
作者:何明科链接:https://zhuanlan.zhihu.com/p/23472480来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 收到不少建议,要求开知乎Li ...
- velocity 高亮显示
velocity模板在eclipse中高亮显示的链接 http://download.eclipse.org/eclipse/updates/4.4http://veloeclipse.googlec ...
- java反射机制(2)
首先,我们在开始前提出一个问题: 1.在运行时,对于一个java类,能否知道属性和方法:能否去调用它的任意方法? 答案是肯定的. 本节所有目录如下: 什么是JAVA的反射机制 JDK中提供的Refle ...
- 带宽 VS CDN (转载)
并发的影响因素:带宽.web server(含php).static server.数据库 带宽价格: 静态IP企业宽带 5M 10M 50M 100M 200M 盛大云 华东双线 216/月 396 ...
- javascript注释规范
注释在代码编写过程中的重要性,写代码超过半年的就能深深的体会到.没有注释的代码都不是好代码.为了别人学习,同时为了自己以后对代码进行'升级',看看js/javascript代码注释规范与示例.来自:h ...
- MySQL Administrator的简单操作
A.创建数据库 1.运行MySQL Administrator服务器,如下图. 2.点击"Catalogs",下面出现已有的数据库,右击已有的数据库,选择“Create New S ...
- JavaScript(10)——Ajax以及跨域处理
Ajax以及跨域处理 哈哈哈,终于写到最后一章了.不过也还没有结束,说,不要为了学习而学习,恩.我是为了好好学习而学习呀.哈哈哈.正在尝试爱上代码,虽然有一丢丢的难,不过,我相信我会的! [Ajax] ...
- 用http-server 创建node.js 静态服务器
今天做一本书上的例子,结果代码不能正常运行,查询了一下,是语法过时了,书其实是新买的,出版不久. 过时代码如下 var connect=require('connect'); connect.crea ...
- jquery源码阅读(1)
每天坚持阅读一定量的的jquery代码,积少成多!加油加油! jquery-2.2.1的9161~9194行 1 if ( typeof define === "function" ...
- Python Cookbook - 1 - 数据结构和算法
1 序列解压:通过*来通配 *a, b = somelist, first, *mid, last = somelist, a, *b = somelist 2 使用双向队列: from col ...