2019年，Flutter 和 React Native 谁主沉浮?

Flutter 与 React Native混淆了吗？

本文是帮助你了解这两个应用程序开发框架区别指南。我们知道，几年前开发和维护iOS和Android的应用程序曾经是一项艰巨的任务(独立的代码库|独立的开发团队|开发成本也忒高)。

一堆狗屎。

移动行业渴望进行一场革命，以遏制移动应用程序开发过程当中出现的问题。

所以，跨平台开发的形式就此出现了。如今，维护代码和开发应用程序对于开发人员来讲变得简单且耗时也少了。

跨平台应用程序开发何时出现的？

不只开发商，企业和初创公司也经过为跨平台应用的方式来开发他们的业务。不出所料，他们喜欢它。

为了提升应用开发的效率，愈来愈多的跨平台应用开发框架应运而生。

脸书在2015年又跳了回来，推出了React native。

毫无疑问，它获得很好的回应。现在，React native 是 Facebook、沃尔玛(Walmart)、优步(UberEats)、Instagram 和特斯拉(Tesla)等应用程序的幕后支持者。

后来，谷歌也加入了进来，并推出了广受好评的跨平台框架 Flutter。并保证了全部应用程序都具备原生性能。

从那时起，新创公司和企业就面临着如何选择应用程序开发的两难境地。这使得 Flutter 与 React native 的争论更加激烈。

在本文中，咱们将讨论React Native 和 Google 的 Flutter 之间备受争议的论点。

想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！

什么是 Flutter

Flutter 是谷歌的移动UI框架，能够快速在 iOS 和 Android上构建高质量的原生用户界面。

什么是 React Native

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，相似于HTML的JSX，以及CSS来开发移动应用，所以熟悉Web前端开发的技术人员只需不多的学习就能够进入移动应用开发领域。

如今你已经有了基本的认识，让我们来看看在 2019 年的 React nNtive 和 Flutter 中哪一个更好?

Flutter vs React Native：详细比较

让咱们详细看看这两个平台之间的差别，并找出使用 React native 和Flutter 的优缺点。

程序设计语言

跨平台的应用程序开发框架都使用不一样的编程语言。

React native 可使用 Javascript开发，这不须要任何介绍。长期以来，它一直是开发人员最好的编程语言。

所以，能够理解为何 React Native 在开发特定于服务器，Web或移动应用程序时得到了极大的欢迎。

然而，由谷歌开发的Flutter 使用了一种新的编程语言 Dart。对于开发人员来讲，这是一个新技术，可是那些具备c++和JAVA等OOP语言经验的开发人员能够轻松地学习编写代码。

Dart 基于 C/C++、Java、支持抽象、封装、继承和多态等特性。Flutter 团队之因此选择 Dart,是由于它与构建用户界面的方式相匹配，使用 Dart 桥接，应用程序的大小更大，但效果要快得多。与使用 JS 作桥接的 React Native 不一样。

开发速度

企业，特别是初创企业寻找一个可以在更短的时间内为他们提供服务应用的平台。

谈论Flutter 与 React Native 开发速度; React Native 得到了优点。 其即用型组件可帮助开发人员快速制做应用程序。 另外一方面，Flutter 是一个寻求在开发时间方面击败竞争对手的新平台。

根据数据分析，React native 在美国的市场份额为4.3%。

性能

React Native

React Native / NativeScript, 你须要一个桥梁来调用 Swift 或 Android 或 Windows & Mac APIs。 Flutter使用的是 Dart, 因此你不须要那样，一切都是原生的。 这也解决了 JS 生态系统之间的许多不一样版本之间的问题，好比CommonJS, AMD。React Native 开发人员, 在开发混合应用时面临问题, 但对于原生应用, 不会面临任何与性能相关的问题。它在全部标准状况下都提供无缝性能, 而且高度可靠。

Flutter

根据他们的应用性能, 将 Facebook 的 React Native 与 Google 的 Flutter 进行比较, 是 Flutter 打败了竞争对手。Flutter 具备 Dart 的优点, 而且没有 JavaScript 桥接用于处理与设备本机原生组件的交互, 开发速度和运行时间会大大加快。

Flutter 已将动画标准设置为 60fps, 这清楚地代表了其高性能。最后, 因为 Flutter 被编译成 Android 和 iOS 的原生 ARM 代码, 性能是它永远不会面临的一个问题。

总之，两种平台的性能都比较接近。

架构

在 React native 中，构建移动应用程序有两种架构类型，Flux 和 Redux。

Flux 由Facebook 制做，而 Redux 受社区青睐。 因为单向数据流，App 是无状态, 由于应用程序的状态被 store 管理着。

做为一个新手，Flutter 很难为移动应用程序指定最佳架构。可是，也有一些受欢迎的组件，好比BloC(业务逻辑组件)。它们主要依赖于streams 和 RXDart(Reactive Dart)。

IDE　和易于编码

若是咱们谈 React native 的 IDE，几乎主流的IDE 都支持。然而，目前，Flutter 的 IDE 只有 Android studio/IntelliJ 和 visual studio 支持。

因为 React Native 使用 JS 语言开发，对于新手来讲，学习曲线很容易。另外一方面，Dart 做为新发明的语言对开发人员来讲有些困难。可是，那些有 c++ 和 Java 经验的人能够轻松地学习它。

代码结构

Google 的 Dart 没有模板，样式和数据文件的分离。 所以，代码变得有点难以理解。 而Javascript遵循简单的代码结构。 所以，开发人员更清楚地理解和编写代码。

稳定性和灵活性

完美移动应用程序最重要的一个方面是稳定性。这两个平台都获得了领先技术社区的支持，所以对稳定性毫无疑问,二者都有很好的稳定性。

React native 拥有大量的社区支持，所以，它成为最受欢迎和最可靠的框架之一。

另外一方面，Flutter 推出了新版本的beta 2，它也为开发人员提供了一些使人印象深入的特性。

在提供灵活性和定制方面，React native显然处于领先地位。经过直接与原平生台交互，提供了无缝的用户体验。

然而，Flutter提供了一组丰富定制的 widgets 来建立一种引人入胜的体验。虽然它正处于测试阶段，试图在市场上站稳脚跟。

人气

说到人气方面，正如咱们提到的，React native 在混合应用程序开发中已经变得很是突出。它是任何 iOS 或 Android 项目开发人员的最爱。

不管它是一个小项目仍是一个大项目，大量的组件都使它受到了应有的欢迎。

相反，正如咱们所知，Flutter 正处于起步阶段，并试图在移动应用程序开发上留下本身的印记。咱们不能忽视的事实，在推出的当天，Flutter 在 Twitter上的趋势如上图。

世界电子商务巨头阿里巴巴正在使用 Flutter，这代表了 Flutter 在混合应用开发方面的广阔前景。

React Native 和 Flutter：快速对比

RN 和 Flutter 差别表：

工程技术	React Native	Flutter
首次发布	2015年1月	2017年5月
公司	Facebook	Google
编码语言	JavaScript	Dart
Github Stars(2019年)	77,827	66,183
学习难度	React或Javascript经验丰富的开发人员易于学习	对于新手相对较难，但对于经验丰富的C++和JAVA专家来讲，这很容易学习
主要架构	Flux & Redux	bLoC
组件	有些是自动适应的	非适应性，须要手动配置
生态	成熟	还未成熟
热更新	支持	支持
UI 组件	操做系统的原生组件	Flutter
文档	相对完整	相对混乱
原生性能	好	很好
主要用户	Facebook, Instagram, Pinterest，特斯拉，优步，沃尔玛，Wix.com	阿里巴巴，Google Greentea，谷歌搜索引擎，App tree，腾讯

React native和 Flutter 之间的类似之处

咱们已经看到了这两个平台之间的差别。但在某些领域，它们也有类似之处。

• 二者都拥有受欢迎的技术社区的力量
• 它们用于跨平台开发
• 二者都容许同时运行新代码并保持应用程序状态
• 开源、免费、快速
• 拥有顶级UI支持和原生体验

总结

React Native 和 Flutter 都有本身的利弊. Flutter 在应用开发行业市场上仍然是新的, React Native 在以前就已经开始了, 以得到良好的受众优点。

交流

干货系列文章汇总以下，以为不错点个Star，欢迎 加群 互相学习。

https://github.com/qq44924588...

我是小智，公众号「大迁世界」做者，对前端技术保持学习爱好者。我会常常分享本身所学所看的干货，在进阶的路上，共勉！

关注公众号，后台回复福利，便可看到福利，你懂的。