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

Native_如何正确选型,ReactNative还是Native?

篇首语:本文由编程笔记#小编为大家整理,主要介绍了如何正确选型,ReactNative还是Native?相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#小编为大家整理,主要介绍了如何正确选型,React Native还是Native?相关的知识,希望对你有一定的参考价值。






作者 | Mayur Panchal


译者 | 刘志勇


编辑 | Yonie


随着 H5 标准的发布以及推广,使得移动应用的开发也受到了很大影响,出于效率、成本等原因,移动应用的开发不再完全依赖于 “原生”。近日越发火热的
混合应用(Hybrid  App)介于 Web 应用和原生应用之间,兼具了 “原生应用良好用户交互体验” 和 “Web 应用跨平台开发”的两大优势。Facebook 开源的 React Native 跨平台移动应用开发框架,使开发者只使用 Javascript 就能编写原生移动应用。那么问题来了,如果你想构建属于你自己的 App,那么究竟要怎么选型呢?是选择 React Native 还是原生应用开发?


前言

因为我们的主要客户都是非技术背景。他们总是向我们咨询许多框架、语言和平台之间的区别,比如:



  • React Native 与 Swift


  • Swift 与 React Native


  • React Native 与 android



由此我们了解到,还有一些不懂技术的人想要构建一款 App,但他们感到很困惑。 因为他们不了解这些技术术语、平台或语言。


因此,我们决定写一篇博文,来解释为什么当你寻找混合模式(Hybrid)应用和原生(Native)应用开发时,理解 React Native 和原生 App 的区别更为重要。



React Native与原生应用的开发历程

当谈到 开发移动应用 时,只有两种方式可供企业选择。


要么他们可以选择原生应用开发,要么他们可以选择在跨平台开发中构建自己的应用。


你可能会问跨平台应用和原生应用在开发之间有什么不同?


是这样的,跨平台应用允许开发人员编写一次代码,就可以在所有平台上运行,但原生应用需要单独编码(即 ios 平台的 Swift 或 Object-C,Android 的 平台 Java 或 Kotlin)。


因此,原生应用开发需要更多的时间、资金和资源来构建应用程序。


但这并不意味着它是指示你选择跨平台开发应用的绿色信号灯。这两者各有利弊。


在本文中,我们将讨论 React Native 与原生应用哪个更好一些。



原生移动应用

让我们先从教科书上对原生应用(Native App)的定义开始。原生应用是为特定平台构建的,可在特定的设备和操作系统上运行。正如我之前所解释的,这些特定的平台可以是 Android 或 iOS。这些应用程序能够利用特定设备及其操作系统可用的所有硬件和软件功能。例如,如果我们使用 Apple 的 iOS 应用程序,他们是用 Object-C 或 Swift 编写的。因此,这些 iOS 应用程序不适用于 Android 或 Windows 平台,反之亦然。


原生应用的优势在于,能够使用操作系统提供的功能以及安装在特定平台上的软件。


原生应用开发需要使用编程语言和 集成开发环境(IDE)工具。例如,Xcode 工具在 iOS 中使用的是 Object-C 语言,而 Android Studio 在 Android 中使用的是 Java 和 Kotlin 语言。



原生平台上开发应用程序的利与弊

如何正确选型,React Native还是Native?


原生应用开发的优点



  • 内置组件,如摄像头、麦克风、指南针、加速度计等,可无缝工作。这是因为原生应用是与设备的这些组件一起构建的。


  • 编写文档对于原生应用来讲很容易,因为仅 iOS 和 Android 本身就至少有 2500 本书。此外,互联网上还有数以百计的文章和博文。


  • 原生应用有着快速响应的体验,因为它们的功能是根据特定平台构建的。


  • 由于在构建 App 时须遵循相应 App store 的指导原则,因此可以保持安全性。


  • 用户界面 / 用户体验对于每个平台都是独一无二的。因此,根据平台的特定用户界面 / 用户体验构建 App,将能够为用户提供更加个性化的体验。


  • App store 支持原生应用开发,因为这样做等于是助长它们的市场。因此,你将从各自的 App store 获得更多的支持,让用户更容易访问你的 App。


  • 在原生应用开发中,可以充分利用 API 访问,而无需在功能上寻找任何额外的映射。这就降低了 App 对更新的依赖程度。


  • 如果你使用原生应用开发,来自其他开发社区的第三方库是你获得的额外好处。


  • 更严格的语言:Android 和 iOS 的所有本机语言都被认为是严格的语言,学习其他语言很容易。



请记住,不管适应一门语言需要花费多长时间,你都要完全适应自己所选择的本机语言。


原生应用开发的缺点



  • 必须使用不同的代码库在不同平台上构建 App。为 Android 平台构建的 App 无法在 iOS 平台上运行,反之亦然。因此,你必须使用不同的代码库和特定的平台团队。


  • 比混合应用(Hybrid App)开发更耗时,因为任何一次完成的工作都只适用于这个单独的平台。因此,你需要一个全新的团队,为另一个平台采取不同的方法,从头开始。


  • 成本上升,因为基本上,你要为两个不同的平台(Android 和 iOS)构建两个不同的 App。因此,要获得这两个平台,你需要支付几乎两倍的开发成本(如果不是更多的话)。




React Native

React Native 是由 Jordan Walke 在 Facebook 举办的黑客马拉松项目中开发的。它起源于 React.JS,最初是为了解决 Facebook 的跨平台应用程序相关的特定问题而构建的。因此,这个应用与其他“移动网络应用”不同,它是一款真正的移动应用,使用 Javascript 开发的,不影响任何质量。


如何正确选型,React Native还是Native?



React Native 应用开发的优点

让我们来看看 React Native 应用的好处。



  • 开源提供了对代码的更多理解,并通过其他功能改进了框架。


  • 一次编写,随处运行,可以在多个平台上运行的代码类型。因此,你只需构建一次多平台 App 即可。


  • 热更新有助于持续运行应用,同时将最新代码部署到应用中进行更新。


  • 与原生应用开发相比,React Native 可以缩短上市时间,因为只需构建一个应用而不是至少两个。


  • 对于 React Native 来说,扩展是件很自然的事。它完全有能力处理一个 App 越来越多的工作,并可轻松地处理更新到更高级别的功能。


  • 降低应用开发的时间消耗。因为相同的代码可以用来构建面向不同平台的应用。


  • 确保节约成本。由于同样的代码用于 iOS 和 Android,使得应用开发成本是原生应用开发的一半。


  • 高质量的移动应用是一种保证,因为 React Native 专注于图形处理单元(GPU),这点与原生应用不同。


  • 中央处理器(CPU)。CPU 有助于 React Native 在内存类别中提供更好的性能。


  • Web 到移动开发:对于一个 Web 开发人员来说,从 Web 到移动开发是很困难的,但 React Native 有助于这一过渡,因为它本质上将是一个 Javascript 框架。



React Native 应用开发的缺点



  • 获取不同 App store 的许可证难度更大。与原生应用相比,这些 App store 提供了更多的支持。


  • 目前,React Native 普遍缺少一些自定义模块。大多数公共库存在于 React Native 中,但根据你的相应项目,也可能存在例外情况。在这种情况下,你需要为此类模块找到或构建自己的解决方案。


  • 原生应用开发人员需要更多指定给原生应用构建的模块,如访问摄像头、推送通知和其他设备传感器。


  • 与原生应用相比,社区支持较少。此外,所需资源也比原生开发更少。




何时选择原生应用

当你遇到以下情景时,你应该尝试这种原生应用开发:



  • 不想担心 API 和语言的变更。


  • 想要原生应用的用户体验。


  • 需要创建基于物联网的应用程序。


  • 想要在任何平台(Android 或 iOS)上构建 App。


  • 正在寻找频繁的更新。




何时选择 React Native


  • 你想构建一款电子商务 App。


  • 构建像 Instagram 和 Facebook 这样的社交媒体 App。


  • 你需要尽快进入市场。


  • 你的项目预算较少。




总结

总而言之,这要取决于你的规模和项目的紧迫性。如果你想尽早使用移动应用,那么 React Native 是最佳选择。


然而,如果你预算充裕,而且也不想在 App 的用户界面和功能上妥协,那么,原生应用应该就是你的选择。


英文原文: https://www.excellentwebworld.com/react-native-vs-native



 活动推荐

上半年大前端技术干货集合,GMTC 2019 全球大前端技术大会将于 6 月 20-23 日在北京国际会议中心召开。学习热门前端技术,听这一场大会就够了,部分精彩议题如下:


【腾讯】从代码保护出发详谈业务安全前端对抗


【阿里】基于 Serverless 的淘宝前端研发模式升级


【美团】基于跨平台框架 Flutter 的动态化平台建设


【京东】京东购物小程序工程化之路


【百度】基于精准测试及 AI 技术的前端质量保证实践


欢迎点击“阅读原文”和扫描图中二维码了解详细日程,购票咨询:18514549229(同微信)





推荐阅读
  • EST:西湖大学鞠峰组污水厂病原菌与土著反硝化细菌是多重抗生素耐药基因的活跃表达者...
    点击蓝字关注我们编译:祝新宇校稿:鞠峰、袁凌论文ID原名:PathogenicandIndigenousDenitrifyingBacte ... [详细]
  • IOS Run loop详解
    为什么80%的码农都做不了架构师?转自http:blog.csdn.netztp800201articledetails9240913感谢作者分享Objecti ... [详细]
  • [转]doc,ppt,xls文件格式转PDF格式http:blog.csdn.netlee353086articledetails7920355确实好用。需要注意的是#import ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 近期,微信公众平台上的HTML5游戏引起了广泛讨论,预示着HTML5游戏将迎来新的发展机遇。磊友科技的赵霏,作为一名HTML5技术的倡导者,分享了他在微信平台上开发HTML5游戏的经验和见解。 ... [详细]
  • 如果应用程序经常播放密集、急促而又短暂的音效(如游戏音效)那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点:1)延时时间较长,且资源占用率高 ... [详细]
  • 网络爬虫的规范与限制
    本文探讨了网络爬虫引发的问题及其解决方案,重点介绍了Robots协议的作用和使用方法,旨在为网络爬虫的合理使用提供指导。 ... [详细]
  • Ping 命令的高级用法与技巧
    本文详细介绍了 Ping 命令的各种高级用法和技巧,帮助读者更好地理解和利用这一强大的网络诊断工具。 ... [详细]
  • 本文回顾了作者初次接触Unicode编码时的经历,并详细探讨了ASCII、ANSI、GB2312、UNICODE以及UTF-8和UTF-16编码的区别和应用场景。通过实例分析,帮助读者更好地理解和使用这些编码。 ... [详细]
  • 微软推出Windows Terminal Preview v0.10
    微软近期发布了Windows Terminal Preview v0.10,用户可以在微软商店或GitHub上获取这一更新。该版本在2月份发布的v0.9基础上,新增了鼠标输入和复制Pane等功能。 ... [详细]
  • 使用虚拟机配置服务器
    本文详细介绍了如何使用虚拟机配置服务器,包括购买云服务器的操作步骤、系统默认配置以及相关注意事项。通过这些步骤,您可以高效地配置和管理您的服务器。 ... [详细]
  • 开发技巧:在Interface Builder中实现UIButton文本居中对齐的方法与步骤
    开发技巧:在Interface Builder中实现UIButton文本居中对齐的方法与步骤 ... [详细]
  • OpenGL01 Mac 系统 OpenGL 环境配置
    直入主题(此环境配置在Mac下):1、xcode新创建MacOS工程,如下图2、添加 OpenGl.framework GLUT.framework两个系统库3、添加两个工具文件C ... [详细]
  • 导读:本文来自SwiftGG翻译组,作者@walkingway基于苹果Swift官方博客中TedKremenek所撰写的“Swift2.2Released!”文章进行了关于Swift2. ... [详细]
  • iOS之富文本
    之前做项目时遇到一个问题:使用UITextView显示一段电影的简介,由于字数比较多,所以字体设置的很小,行间距和段间距也很小,一大段文字挤在一起看起来很别扭,想要把行间距调大,结 ... [详细]
author-avatar
上官王木木
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有