摘要：移動行業(yè)渴望進(jìn)行一場革命，以遏制移動應(yīng)用程序開發(fā)過程中出現(xiàn)的問題。毫無疑問，它得到很好的回應(yīng)。如今，是沃爾瑪優(yōu)步和特斯拉等應(yīng)用程序的幕后支持者。由制作，而受社區(qū)青睞。然而，目前，的只有和支持。在提供靈活性和定制方面，顯然處于領(lǐng)先地位。

本文是幫助你了解這兩個應(yīng)用程序開發(fā)框架區(qū)別指南。咱們知道，幾年前開發(fā)和維護(hù)iOS和Android的應(yīng)用程序曾經(jīng)是一項艱巨的任務(wù)(獨立的代碼庫|獨立的開發(fā)團(tuán)隊|開發(fā)成本也忒高)。

一堆狗屎。

移動行業(yè)渴望進(jìn)行一場革命，以遏制移動應(yīng)用程序開發(fā)過程中出現(xiàn)的問題。

因此，跨平臺開發(fā)的形式就此出現(xiàn)了。現(xiàn)在，維護(hù)代碼和開發(fā)應(yīng)用程序?qū)τ陂_發(fā)人員來說變得簡單且耗時也少了。

不僅開發(fā)商，企業(yè)和初創(chuàng)公司也通過為跨平臺應(yīng)用的方式來開發(fā)他們的業(yè)務(wù)。不出所料，他們喜歡它。

為了提高應(yīng)用開發(fā)的效率，越來越多的跨平臺應(yīng)用開發(fā)框架應(yīng)運而生。

臉書在2015年又跳了回來，推出了React native。

毫無疑問，它得到很好的回應(yīng)。如今，React native 是 Facebook、沃爾瑪(Walmart)、優(yōu)步(UberEats)、Instagram 和特斯拉(Tesla)等應(yīng)用程序的幕后支持者。

后來，谷歌也加入了進(jìn)來，并推出了廣受好評的跨平臺框架 Flutter。并保證了所有應(yīng)用程序都具有原生性能。

從那時起，新創(chuàng)公司和企業(yè)就面臨著如何選擇應(yīng)用程序開發(fā)的兩難境地。這使得 Flutter 與 React native 的爭論更加激烈。

在本文中，我們將討論React Native 和 Google 的 Flutter 之間備受爭議的論點。

想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！

Flutter 是谷歌的移動UI框架，可以快速在 iOS 和 Android上構(gòu)建高質(zhì)量的原生用戶界面。

React Native (簡稱RN)是Facebook于2015年4月開源的跨平臺移動應(yīng)用開發(fā)框架，是Facebook早先開源的JS框架 React 在原生移動應(yīng)用平臺的衍生產(chǎn)物，目前支持iOS和安卓兩大平臺。RN使用Javascript語言，類似于HTML的JSX，以及CSS來開發(fā)移動應(yīng)用，因此熟悉Web前端開發(fā)的技術(shù)人員只需很少的學(xué)習(xí)就可以進(jìn)入移動應(yīng)用開發(fā)領(lǐng)域。

現(xiàn)在你已經(jīng)有了基本的認(rèn)識，讓咱們來看看在 2019 年的 React nNtive 和 Flutter 中哪個更好?

讓我們詳細(xì)看看這兩個平臺之間的差異，并找出使用 React native 和Flutter 的優(yōu)缺點。

跨平臺的應(yīng)用程序開發(fā)框架都使用不同的編程語言。

React native 可以使用 Javascript開發(fā)，這不需要任何介紹。長期以來，它一直是開發(fā)人員最好的編程語言。

因此，可以理解為什么 React Native 在開發(fā)特定于服務(wù)器，Web或移動應(yīng)用程序時獲得了極大的歡迎。

然而，由谷歌開發(fā)的Flutter 使用了一種新的編程語言 Dart。對于開發(fā)人員來說，這是一個新技術(shù)，但是那些具有c++和JAVA等OOP語言經(jīng)驗的開發(fā)人員可以輕松地學(xué)習(xí)編寫代碼。

Dart 基于 C/C++、Java、支持抽象、封裝、繼承和多態(tài)等特性。Flutter 團(tuán)隊之所以選擇 Dart,是因為它與構(gòu)建用戶界面的方式相匹配，使用 Dart 橋接，應(yīng)用程序的大小更大，但效果要快得多。與使用 JS 做橋接的 React Native 不同。

企業(yè)，特別是初創(chuàng)企業(yè)尋找一個能夠在更短的時間內(nèi)為他們提供服務(wù)應(yīng)用的平臺。

談?wù)揊lutter 與 React Native 開發(fā)速度; React Native 獲得了優(yōu)勢。 其即用型組件可幫助開發(fā)人員快速制作應(yīng)用程序。 另一方面，F(xiàn)lutter 是一個尋求在開發(fā)時間方面擊敗競爭對手的新平臺。

根據(jù)數(shù)據(jù)分析，React native 在美國的市場份額為4.3%。

React Native

React Native / NativeScript, 你需要一個橋梁來調(diào)用 Swift 或 Android 或 Windows & Mac APIs。 Flutter使用的是 Dart, 所以你不需要那樣，一切都是原生的。 這也解決了 JS 生態(tài)系統(tǒng)之間的許多不同版本之間的問題，比如CommonJS, AMD。React Native 開發(fā)人員, 在開發(fā)混合應(yīng)用時面臨問題, 但對于原生應(yīng)用, 不會面臨任何與性能相關(guān)的問題。它在所有標(biāo)準(zhǔn)情況下都提供無縫性能, 并且高度可靠。

Flutter

根據(jù)他們的應(yīng)用性能, 將 Facebook 的 React Native 與 Google 的 Flutter 進(jìn)行比較, 是 Flutter 戰(zhàn)勝了競爭對手。Flutter 具有 Dart 的優(yōu)勢, 并且沒有 JavaScript 橋接用于處理與設(shè)備本機(jī)原生組件的交互, 開發(fā)速度和運行時間會大大加快。

Flutter 已將動畫標(biāo)準(zhǔn)設(shè)置為 60fps, 這清楚地表明了其高性能。最后, 由于 Flutter 被編譯成 Android 和 iOS 的原生 ARM 代碼, 性能是它永遠(yuǎn)不會面臨的一個問題。

總之，兩種平臺的性能都比較接近。

在 React native 中，構(gòu)建移動應(yīng)用程序有兩種架構(gòu)類型，Flux 和 Redux。

Flux 由Facebook 制作，而 Redux 受社區(qū)青睞。 由于單向數(shù)據(jù)流，App 是無狀態(tài), 因為應(yīng)用程序的狀態(tài)被 store 管理著。

作為一個新手，Flutter 很難為移動應(yīng)用程序指定最佳架構(gòu)。但是，也有一些受歡迎的組件，比如BloC(業(yè)務(wù)邏輯組件)。它們主要依賴于streams 和 RXDart(Reactive Dart)。

如果我們談 React native 的 IDE，幾乎主流的IDE 都支持。然而，目前，F(xiàn)lutter 的 IDE 只有 Android studio/IntelliJ 和 visual studio 支持。

由于 React Native 使用 JS 語言開發(fā)，對于新手來說，學(xué)習(xí)曲線很容易。另一方面，Dart 作為新發(fā)明的語言對開發(fā)人員來說有些困難。但是，那些有 c++ 和 Java 經(jīng)驗的人可以輕松地學(xué)習(xí)它。

Google 的 Dart 沒有模板，樣式和數(shù)據(jù)文件的分離。 因此，代碼變得有點難以理解。 而Javascript遵循簡單的代碼結(jié)構(gòu)。 因此，開發(fā)人員更清楚地理解和編寫代碼。

完美移動應(yīng)用程序最重要的一個方面是穩(wěn)定性。這兩個平臺都得到了領(lǐng)先技術(shù)社區(qū)的支持，因此對穩(wěn)定性毫無疑問,兩者都有很好的穩(wěn)定性。

React native 擁有大量的社區(qū)支持，因此，它成為最受歡迎和最可靠的框架之一。

另一方面，F(xiàn)lutter 推出了新版本的beta 2，它也為開發(fā)人員提供了一些令人印象深刻的特性。

在提供靈活性和定制方面，React native顯然處于領(lǐng)先地位。通過直接與原生平臺交互，提供了無縫的用戶體驗。

然而，F(xiàn)lutter提供了一組豐富定制的 widgets 來創(chuàng)建一種引人入勝的體驗。雖然它正處于測試階段，試圖在市場上站穩(wěn)腳跟。

說到人氣方面，正如我們提到的，React native 在混合應(yīng)用程序開發(fā)中已經(jīng)變得非常突出。它是任何 iOS 或 Android 項目開發(fā)人員的最愛。

無論它是一個小項目還是一個大項目，大量的組件都使它受到了應(yīng)有的歡迎。

相反，正如我們所知，Flutter 正處于起步階段，并試圖在移動應(yīng)用程序開發(fā)上留下自己的印記。我們不能忽視的事實，在推出的當(dāng)天，F(xiàn)lutter 在 Twitter上的趨勢如上圖。

世界電子商務(wù)巨頭阿里巴巴正在使用 Flutter，這表明了 Flutter 在混合應(yīng)用開發(fā)方面的廣闊前景。

RN 和 Flutter 差異表：

我們已經(jīng)看到了這兩個平臺之間的差異。但在某些領(lǐng)域，它們也有相似之處。

兩者都擁有受歡迎的技術(shù)社區(qū)的力量

它們用于跨平臺開發(fā)

兩者都允許同時運行新代碼并保持應(yīng)用程序狀態(tài)

開源、免費、快速

擁有頂級UI支持和原生體驗

React Native 和 Flutter 都有自己的利弊. Flutter 在應(yīng)用開發(fā)行業(yè)市場上仍然是新的, React Native 在之前就已經(jīng)開始了, 以獲得良好的受眾優(yōu)勢。

干貨系列文章匯總?cè)缦拢X得不錯點個Star，歡迎 加群 互相學(xué)習(xí)。

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

我是小智，公眾號「大遷世界」作者，對前端技術(shù)保持學(xué)習(xí)愛好者。我會經(jīng)常分享自己所學(xué)所看的干貨，在進(jìn)階的路上，共勉！

關(guān)注公眾號，后臺回復(fù)福利，即可看到福利，你懂的。