2019年Flutter-和-React-Native-谁主沉浮

jiezi

5 年前

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

一堆狗屎。

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

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

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

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

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

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

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

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

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

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

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

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

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

让我们详细看看这两个平台之间的差异，并找出使用 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)。

如果我们谈 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 在混合应用开发方面的广阔前景。

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，腾讯

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

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

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

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

https://github.com/qq44924588…

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

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

2019年Flutter-和-React-Native-谁主沉浮

Flutter 与 React Native 混淆了吗？

跨平台应用程序开发什么时候出现的？

什么是 Flutter

什么是 React Native

Flutter vs React Native：详细比较

程序设计语言

开发速度

性能

架构

IDE 和易于编码

代码结构

稳定性和灵活性

人气

React Native 和 Flutter：快速对比

React native 和 Flutter 之间的相似之处

总结

交流