对比React Native、dcloud、LuaView三个框架技术(内部)

转载自:http://www.jianshu.com/p/ee1cdb33db8d
主要对比React Native和5+SDK(就是dcloud的SDK)两个:

  1. 开发语言:三个都是用其他语言来统一开发IOS、android应用的框架技术,其中,React Native是使用纯JS,5+SDK是使用JS和html,LuaView则是使用lua语言,三者都是使用css或者类css布局,这点都很像,
    三者都可以使用原生(IOS、android)语言做一部分功能,比如有特殊性能要求的地方,就使用原生代码写,然后前端脚本语言调用;
  2. 开发效率:RN和5+SDK是主要采用JS语言做开发,效率上不是问题,LuaView采用的是lua脚本语言,这个大家都不熟悉,所以建议优先前两种;
  3. 动态发布特性:三者都支持动态发布,而且最方便的是RN(简要说下RN如何工作的,RN采用的是React技术<这个技术已经好多年了,是比较成熟的,只是RN才出现一年半>,这个技术是依托于node.js,并且发布后台采用node.js,文件修改替换即发布,不需要做另外的版本控制<版本控制采用SVN或者git的方式>;发布时,在后台整个项目是作为node.js的一个node节点来发布的;主项目中基本上是一个空项目,引入其他的native模块,这样管理很方便)
  4. 扩展性:都是动态发布,只有基础native组件需要更新时才需要appstore审核发布;
  5. 可读性:RN是采用纯JS开发,不需要html,代码上的行数一般要比5+SDK少很多,而且RN的开发过程中,规范做的也不错(个人感觉html+js+css会导致代码的行数上增大很多,阅读起来也就没那么方便)
  6. 性能:RN是采用JS桥接加Native桥接两个方式合并起来,然后加上增加对比差异化算法增量渲染,而且渲染都是native渲染,性能虽然比纯原生差一点,但是还是远远比H5的性能要快很多;
     5+SDK,开发时是html+js+css来开发,其实真正执行渲染时仍然是webview,我用工具查看过最终的页面结构,是一个webview,性能慢那是没的说的了
  7. 相关开发工具:5+SDK提供一个工具,也不错,不过我们一般都是用其他的文本编辑器就可以了;RN也提供了一个开发工具,atom编辑器的插件nuclide,还不熟练,不过应该不错(也有很多人使用sublime)。
  8. 开发初阶段,上手速度:RN比较大型,虽然采用的是纯JS开发,但是采用的React的开发方式,有很多的API需要熟悉和使用,相比于5+SDK上手速度是麻烦了点;而且RN的开发环境的搭建和使用需要很多的命令行工具,这也给RN的上手增加了一定的困难,不过用熟练了,就会发现RN这种方式的好,那真是好不好谁用谁知道(貌似5+SDK也是需要熟悉很多API,这点好像差别不是特别大);
  9. 社区力量:RN在React之后诞生了仅仅一年半,但是github的星数已经达到3、4万了,这个火热程度要远远比其他的框架热门了太多了,社区的力量大,就意味着坑少,或者说即使有坑修复的也快,有问题能找到解决方案的速度也越快,框架完善的速度也越快
  10. 开源:这也是很重要的因素,RN和LuaView是开源的,开源就意味着我们开发人员可以掌控的力度就越大,这年头,框架不开源,早晚得死;
  11. 文档:RN的文档还是很全的,还有很多外文翻译,官方也有相关的视频,5+sdk和LuaView文档就很一般般,热别是5+SDK,不开源,文档就不更新;
  12. 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

时间: 2024-10-29 19:06:50

对比React Native、dcloud、LuaView三个框架技术(内部)的相关文章

基于React Native的跨三端应用架构实践

作者|陈子涵 编辑|覃云 “一次编写, 到处运行”(Write once, run anywhere ) 是很多前端团队孜孜以求的目标.实现这个目标,不但能以最快的速度,将应用推广到各个渠道,而且还能节省大量人力物力. React Native 的推出,为跨平台的开发带来了新的曙光. 虽然 Facebook 官方 blog 的说法 React Native 支持“Learn once, write anywhere.”. 但经过开源社区的不断努力,React Native 已经可以达到“一次编写

React Native入门(三)组件的Props(属性)和State(状态)

相关文章 React Native入门系列 前言 在Android或者iOS开发中我们会用到很多控件,这些控件会有很多的属性.样式等等.同样的,React Native中的组件也有属性.样式和状态. 1.Props(属性) 组件创建时会设置一些参数来定制这个组件,这些参数就是属性,属性一旦设定,在组件的生命周期中就不会改变.下面拿Image的source属性和Text的onPress属性作为举例. Image的source属性 import React, {Component} from 're

React Native实践之携程Moles框架

编者:本文来自携程框架研发部高级经理魏晓军在第二期[携程技术微分享]上的分享,以下为整理后的文字实录.视频回放可点击这里.关注携程技术中心微信公号ctriptech,可获知更多微分享课程信息. 因为支持用javascript开发原生应用,React Native一推出就受到不少公司热捧,各家都跃跃欲试.但有一个痛点是,在移动端,我们是否有必要开发多套程序:iOS.Android和H5?本次将通过对Moles框架的分享,介绍携程在React Native方面的实战干货,希望给大家一些灵感和启发.

最火移动端跨平台方案盘点:React Native、weex、Flutter

1.前言 跨平台一直是老生常谈的话题,cordova.ionic.react-native.weex.kotlin-native.flutter等跨平台框架的百花齐放,颇有一股推倒原生开发者的势头. 为什么我们需要跨平台开发? 本质上,跨平台开发是为了增加代码复用,减少开发者对多个平台差异适配的工作量,降低开发成本,提高业务专注的同时,提供比web更好的体验.嗯-通俗了说就是:省钱.偷懒. 目前移动端跨平台开发中,备受关注的方案大致归纳为以下几种情况: 1)react native.weex均使

React Native 接入微博、微信、QQ 登录功能

在 App 开发中我们经常需要在用户登录模块接入 SNS 登录组件,这样会大大提高用户的注册体验.特别当一个不是刚性需求 App 推广的时候,这样会很大的降低用户体验的成本,没有人愿意忍受输入邮箱.手机号码去注册一个账号的流程.本文主要分享了在 React Native 中接入微博.微信.QQ 登录的流程,以及此前登录组件中修复的一个已知 bug 的修复. 使用中有任何问题欢迎留言交流.讨论.http://blog.1ygowu.com ReactNative技术交流 QQ群127482131

深入浅出React Native 3: 从零开始写一个Hello World

这是深入浅出React Native的第三篇文章. 1. 环境配置 2. 我的第一个应用 将index.ios.js中的代码全部删掉,为什么要删掉呢?因为我们准备从零开始写一个应用~学习技术最好的方式就是自己动手写,看别人的代码一百遍的效果也不如自己写一遍来的效果大~ 我们要做的事情主要分成以下两步: 1. 创建组件 2. 将创建好的组件显示在app上 打开index.ios.js文件,输入 var HelloWorld = React.createClass({ render: functio

React Native学习(1):怎么快速学习一门新技术

React Native学习方法论 这是我技术公众号的第一篇文章,也是ReactNative系列文章的第一篇,对我的文章感兴趣的可以加我微信16230091进行关注. 本文表面上讲React Native(以下简称RN),实际上对于学习任何语言和系统都适用. 对于新技术的学习,分为两种,一种是语言,类似Swift.Objective-C.Java.ES6,另一种是系统,比如Android.iOS.前端. 1. 语言层面,如果你精通某一门语言,那么是可以很快切换到另一门语言的.这就是语言的相通性.

React Native NavigationExperimental

Overview NavigationExperimental是react native的一个新的导航系统,重点是改进<Navigator/>组件. 单向数据流, 它使用reducers 来操作最顶层的state 对像,而在<Navigator/>中,当你在子导航页中,不可能操作到app最初打开页面时的state对像,除非,一级级的通过props传递过方法名或函数名,然后在子页面中调用这些方法或者函数,来修改某个顶层的数据. 为了允许存在本地和基于 js的导航视图,导航的逻辑和路由

苹果爸爸发飙,封杀 React Native?

今天早上一上班,就收到了苹果发来的一封警告邮件,一看内容,就知道这是个大事啊,还赶紧发了个微博,然后,今天一整天,iOS 界都被这个消息炸裂了! 这封警告邮件大概意思就是说,苹果将不再允许使用动态下发代码的机制,如果 App 内部使用了动态下发代码的框架,将有被拒的风险. 所谓的动态下发代码,就是我们常说的热修复.热更新,就是在我们无需发布的版本的情况下,就可以修复 bug ,发布功能,因为 iOS 审核的机制,这项能力在 iOS 界非常重要. 在 iOS 界拥有动态下发能力的有以下几个框架:J