热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ReactNative和ionic2你选择哪一个?

跨平台ionic:一次开发,随处运行(一套代码,两个平台运行)react-native:一次学习,随处开发(也就是ios和android开发两套代码)开发方式ionic:html+c

跨平台

ionic :

  • 一次开发,随处运行(一套代码,两个平台运行)

react-native:

  • 一次学习,随处开发(也就是ios和android开发两套代码)

开发方式

ionic:

  • html+css+angularjs

react-vative:

  • js+css

功能

ionic:

  • 编写cordova插件,可以达到全部支持!

react-native:

  • 与native混编,可以达到全部支持!

性能

ionic:

  • android 2G内存以上的手机,ionic编写的app基本上和原生性能相当。
  • android 通过优化基本看不出和原生差别
  • android 低配置的手机添加 crosswalk 插件以后 体验较好,但是app打包偏大。程序运行内存占用较大(网络数据对比同款产品,内存占用100+M)

react-native:

  • 基本接近原生性能

优劣对比:

ionic:

  • 纯web思想,开发速度快,文档全面,开发者多。
  • 但不适合游戏类型app,对于比较耗性能的地方无法利用native的思维实现优势互补,如高体验的交互,动画等。

react-native:

  • 虽然需要编写两套代码,但是都是相同的语法。更贴近原生!
  • 开发要求较高,需要懂native code。

建议

ionic:
- 在小项目中使用ionic,这样不会有太大的负担。
- 在不太注重性能的应用中应用

react-native:
- 在特别考虑性能的应用中。

总结:

  • 开发水平很重要,html开发的app可能比原生的更快。主要还看开发人员的水平以及会不会优化
  • 适合自己的,才是最好的!

当然都可以用meteor作为他们的后台。

Ref:

  • http://stackoverflow.com/questions/35692921/ionic2-angular2-or-react-native
  • http://www.ionic.wang/article-index-id-64.html
  • http://www.phonegap100.com/article-486-1.html
  • http://www.joshmorony.com/8-reasons-why-im-glad-i-switched-to-the-ionic-framework/ 我为什么转向ionic框架

发现个react 和ionic的结合体:
http://reactionic.github.io/


推荐阅读
  • REST API 时代落幕,GraphQL 持续引领未来
    尽管REST API已广泛使用多年,但在深入了解GraphQL及其解决的核心问题后,我深感其将引领未来的API设计趋势。GraphQL不仅提高了数据查询的效率,还增强了灵活性和性能,有望成为API开发的新标准。 ... [详细]
  • 我们程序员为什么要关注 JavaScript ?_js
    受这周我在企业中看到的JS现状的启发,我写了这篇文章。10年之前,我从来没有想过现在的JavaScript竟然会变得几乎无处不在。下面是几个你之所以要关注Java ... [详细]
  • [译] 第二十四天:Yeoman Ember缺失的指南
    前言到目前为止,这个系列我们探讨了Bower,AngularJS,GruntJS,PhoneGap,Meteor,Ember和TimelineJSJavaScript ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 为了优化用户体验,本文探讨了如何调整下拉菜单的宽度。通过合理设置宽度,可以提升界面的美观性和易用性。文章提供了具体的代码示例,帮助开发者实现这一目标。例如,可以通过 CSS 或 JavaScript 来动态调整下拉菜单的宽度,确保其在不同设备和屏幕尺寸上都能保持良好的显示效果。 ... [详细]
  • 本文介绍了 Vue 开发的入门指南,重点讲解了开发环境的配置与项目的基本搭建。推荐使用 WebStorm 作为 IDE,其下载地址为 。安装时请选择适合您操作系统的版本,并通过 获取激活码。WebStorm 是前端开发者的理想选择,提供了丰富的功能和强大的代码编辑能力。 ... [详细]
  • iOS 设备唯一标识获取的高效解决方案与实践
    在iOS 7中,苹果公司再次禁止了对MAC地址的访问,使得开发者无法直接获取设备的物理地址。为了在开发过程中实现设备的唯一标识,苹果推荐使用Keychain服务来存储和管理唯一的标识符。此外,还可以结合其他技术手段,如UUID和广告标识符(IDFA),以确保设备的唯一性和安全性。这些方法不仅能够满足应用的需求,还能保护用户的隐私。 ... [详细]
  • 深入解析HTTP网络请求API:从基础到进阶的全面指南
    本文全面解析了HTTP网络请求API,从基础到进阶,详细介绍了Android平台上的两种原生API——HttpUrlConnection和HttpClient。这两种API通过对底层Socket的封装,提供了高效、灵活的网络通信功能。文章不仅涵盖了基本的使用方法,还深入探讨了性能优化、错误处理和安全性等方面的高级主题,帮助开发者更好地理解和应用这些工具。 ... [详细]
  • CSS雪碧技术是一种用于优化网页加载速度的有效方法,通过将多个小图像合并成一张大图像,减少HTTP请求次数。这种方法在前端开发中广泛应用,能够显著提升页面性能。本文将详细介绍该技术的实现原理,并提供一个具体的示例演示。 ... [详细]
  • Adobe系统公司(纳斯达克股票代码:ADBE)本周三宣布其Adobe数字营销套件的组件网络体验管理(WebExperienceManagement,WEM)解决方案 ... [详细]
  • 最近网上搜了一些资料,以前版本的有个安装包,但是最新的版本没有了,他是通过命令行安装并且创建App的,我主要是看的他的文档来 ... [详细]
  • App混合开发(英文名:HybridApp),是指在开发一款App产品的时候为了提高效率、节省成本即利用了原生的开发技术还应 ... [详细]
  • iOS开发需要哪些设备ios开发硬件配置环境工具:使用到Xcode和iOSSDK(Apple提供的开发工具)。硬件配置:首先有一台Mac电脑,然后有一个iDevice——iPhon ... [详细]
  • 下面是hybridapp的开发工具1PhoneGap是一个免费开发的开发环境可以开发出夸平台的app,使用的html和javascript,可以使用加速剂࿰ ... [详细]
  • 跨平台开发最终选择了Flutter
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了跨平台开发最终选择了Flutter相关的知识,希望对你有一定的参考价值。 ... [详细]
author-avatar
郭雪峰Rongeqw_983
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有