对比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 ...
随机推荐
- 分享到QQ空间、新浪微博、腾讯微博和人人网
function shareys(type, url, title, img, content) { switch (type) { case "sina": url = &quo ...
- Chapter 15_0 模块和包
通常,Lua不会设置规则,相反会提供很多强有力的机制来使开发者有能力实现出最适应的规则. 然而,这种方法对于模块就不行了.模块系统的一个主要目标是允许以不同的形式来共享代码. 但若没有一项公共的规则就 ...
- tomcat容器启动的启动过程(三)
Catalina的start方法 /** * Start a new server instance. */ public void start() { if (server == null) { l ...
- eclipse设置java虚拟机内存大小
设置java虚拟机大小可以让eclipse启动运行更快...... 在eclipse中点击window--preferences--java--Installed JREs. 然后看右边的框,鼠标点击 ...
- 工作中用到的简单linux命令
1.rpm包查询.卸载.安装: rpm包查询 rpm -q 包名(不带版本号.后缀等) q----query rpm包卸载 rpm -e 包名(不带版本号.后缀等)e----erase rpm包安装 ...
- iptables指令参考
1.首先介绍一下指令和相关配置文件 启动指令:service iptables start 重启指令:service iptables restart 关闭指令:service iptables st ...
- mongoDB7--游标
之前我们学习了"增删改查"四中语法和查询表达式的深入学习,我们已经掌握了一定的操作mongodb数据的能力,那么接下来我们就要考虑我们的操作的效率问题了.(1)游标介绍如果我们查询 ...
- Android:OpenFire 相关API (持续更新)
基于XMPP协议的聊天服务器.最近会一直更新相关的API. 需要的软件:OpenFire(服务器),Spark(客户端--测试用),Asmack(Jar包) 1.连接服务器的代码 private vo ...
- 杭电OJ分类
基础题:1000.1001.1004.1005.1008.1012.1013.1014.1017.1019.1021.1028.1029.1032.1037.1040.1048.1056.1058.1 ...
- jquery效果,多个div,点击任何一个div,那么这个div会切换文字,变换背景颜色,再次点击其他的div ,这个div会发生刚才的变化,之前点击的div的颜色会变回来
首先css样式: /*原来的背景色*/ .bg { background:'red' } /*需要切换的背景色*/ .bg_click { background:'green' } JS: $('di ...