計劃在2021年進行響應式開發？但不確定你應該選擇哪種技術來快速開發你的應用程式，而且還要降低成本？如果對兩個問題的回答都是肯定的，那麼您將有兩個主要選擇：Flutter或React Native！
但同樣，哪種技術是跨平臺應用開發的最佳選擇，對你來說仍是一個頭疼的問題！
儘管網際網路上有大量資訊可以為您解釋每種技術的基本知識，利弊。但是你將如何比較所有這些優點和缺點，從而決定哪種技術最適合你的應用開發需求？
通過使用這兩種技術的經驗，我可以幫助您在構建跨平臺移動應用程式時區分這兩種最流行和最常用的技術。
現在是2021年，大流行病的影響導致了對移動應用程式的需求激增。
企業迫切需要建立一個快速的移動應用程式，以便為個人客戶提供全面和定製的解決方案，這促使他們尋找跨平臺的應用程式開發解決方案。但是，為什麼不是原生的iOS和Android應用程式？
由於原生應用程式的開發相當耗費時間和成本，因此跨平臺應用程式開發的概念在最近幾年得到了發展，對跨平臺應用程式開發公司的需求也在增加。在過去幾年裡，Flutter/React native已經成為該社群最受歡迎的流行詞。
跨平臺應用程式使用相同的程式碼庫來建立可以在多個平臺上無縫執行的應用程式，因此開發速度更快。但不同的跨平臺應用開發框架提供了不同的功能和好處。所以，利用我在Flutter和React Native的應用開發經驗，我嘗試比較這些領先的技術或框架，以幫助你理解在什麼情況下什麼選擇適合你的需求。
Flutter VS React Native：並排比較
在你直接進入Flutter與React Native的比較之前，值得知道的是，這兩個框架都是構建跨平臺移動應用程式的首選。但有時做出正確的決定是受制於企業使用的角度問題。
因此，這裡有一些我選擇進行比較的重要引數：
- Flutter Vs React Native：有誰支援？
- Flutter Vs React Native：實際統計的市場份額
- Flutter Vs React Native：最受喜愛和歡迎的
- Flutter Vs React Native: Dart Vs JavaScript
- Flutter Vs React Native：技術架構
- Flutter VS React Native：效能
- Flutter VS React Native：易於採用和社群支援
- Flutter Vs React Native：UI元件和自定義
- Flutter VS React Native：程式碼可維護性
- Flutter VS React Native：開發人員的每小時成本
- 資訊圖表比較，以做出最終決定
- 結論，遊戲的贏家！
讓我們一一開始，並詳細瞭解每一點！
1. Flutter VS React Native：有誰支援？
結論：這兩個框架都是由行業中最大的科技巨頭Google和Facebook所創造並支援的，所以它們在未來都將繼續存在。
谷歌的寶貝，2017年推出的Flutter，是一個先進的應用程式軟體開發工具包（SDK），由所有的小工具和工具組成，使你的開發過程更容易和更簡單。廣泛的widget（小部件）選擇使開發人員能夠以一種簡單的方式為多個平臺（包括移動、網路和桌面）建立和部署具有視覺吸引力的、原生編譯的應用程式，並使用單一的程式碼庫。因此，Flutter應用程式開發公司有更好的機會可以確保你更快、更迅速和可靠的應用程式開發解決方案。但這種說法在多大程度上是真實的？讓我們用它的特點來評估一下。
以下是Flutter的快速賣點：
- 它是免費和開源的。
- 該架構基於流行的反應式程式設計，因為它遵循與Reactive相同的風格。
- 多虧了widget的使用經驗，Flutter應用程式具有令人愉悅的UI，可將其轉換為外觀和感覺都很棒的應用程式。
React Native也是Facebook在2015年推出的一個跨平臺原生移動應用開發框架。React Native主要使用JavaScript，對於用同一程式碼庫為iOS和Android開發應用程式來說非常方便。此外，它的程式碼共享功能導致更快的開發和減少開發時間。像其他跨平臺技術一樣，Flutter允許你使用相同的程式碼庫來構建獨立的應用程式，因此，React Native應用程式更容易維護。
讓我們快速瀏覽一下React Native的功能：
- React Native包括一個熱過載功能，允許開發者直接在執行中的應用程式中新增或糾正程式碼，而不必儲存應用程式，從而加速了開發過程。
- React Native基於一種非常流行的語言——JavaScript，許多開發人員已經很熟悉。
- React元件包裝了現有的本機程式碼，並通過React的宣告性UI範例和JavaScript與本機API進行互動。 React Native的這一功能使開發人員可以更快地工作。
Flutter VS React Native：實際統計的市場份額
結論：在總結2019年和2020年全球軟體開發公司使用的最佳跨平臺移動應用開發框架時，其結果是42%的開發者更願意留在React Native，而39%的開發者選擇了Flutter。
但不同的市場報告有不同的統計資料。但在你開始招聘應用開發者之前，有必要評估一下真實的市場資料，以便做出明智的決定。
**市場趨勢1：**根據StackOverFlow的說法，68.8%的開發者喜歡在未來的開發專案中使用Flutter，而57.9%的開發者更願意在應用開發中使用React Native技術。
**市場趨勢2：**根據[Google Trends](trends.google.com/trends/expl… Native)，在過去的12個月中，Flutter引領了市場，並擊敗了React Native。
**市場趨勢3：**儘管是一個年輕的框架，Flutter在Github上有16.8萬名成員和118k顆星。而React Native有20.7k Fork和94.6k顆星。
3. Flutter VS React Native：最受喜愛和歡迎的框架
結論：兩者都是年輕的跨平臺應用開發框架，並得到了Google和Facebook的支援，隨著時間的流逝，兩者都將越來越受歡迎。但如果考慮到2019年同樣的Github資源庫調查，Flutter已經以118k萬顆星超過了94.6k顆星的React Native，佔據了勢頭。
根據Statista的說法，React Native已經成為全球42％的開發人員的選擇，而2020年，有39％的開發人員正在使用Flutter。但是，如果您將兩個框架的增長進行比較，那麼Flutter在一年中從30％的開發人員躍升至39％的開發人員，並有望在不久的將來主導整個行業。
4. Flutter VS React Native：Dart VS JavaScript
結論：Flutter是基於Dart的，而React Native使用的JavaScript已經統治了IT行業很長一段時間，並在後端開發過程中扮演著重要的角色。但這並不意味著你低估了Flutter的程式語言。讓我們來學習一下！
Flutter Vs React Native，2021年的移動應用開發哪個最好？這是開發人員中最常見的問題之一。框架的選擇主要取決於該技術所基於的程式語言，因為你需要進一步評估該程式語言的複雜性或靈活性，以便繼續使用。
Dart是2011年推出的一種較新的語言。但是，作為Google內部的程式語言，它有很大的空間可以繼續使用。此外，由於它是一種新的程式語言，因此跨平臺的應用程式開發公司可以在應用程式開發解決方案中利用其現代性。
其次，該語言比JavaScript快2倍，具有超前（AOT）和及時（JIT）編譯器。在flutter的情況下，你需要僱傭應用程式開發人員，他們要熟悉Java或C++。但從另一個角度來看，JavaScript是React Native移動應用開發的開發者社群中最受歡迎的語言之一。因此，如果任何人已經瞭解了JavaScript，就可以輕鬆地學習React並開始開發應用。
5. Flutter VS React Native：技術架構
結論：如果從技術上講，Flutter是一個先進的SDK，它提供了一個分層架構，以確保高度定製化，其中React Native依賴於其他軟體來構建反應元件，並使用JavaScript來連線本地模組。即使進行了微小的更改，橋接也會影響效能，而Flutter可以在沒有橋接的情況下管理所有內容。
Flutter具有分層的體系結構，為輕鬆快速地進行UI定製鋪平了道路。據信，它可以讓您完全控制螢幕上的每個畫素，並使移動應用開發公司可以無限制地整合疊加層和動畫圖形，文字，視訊和控制元件。
在比較Flutter Vs React Native的優缺點時，效能和技術體系結構是組織評估業務增長和應用程式進一步可伸縮性的最大問題。
6. Flutter VS React Native：效能
結論：當質疑自己，哪個框架適合你時，那麼效能可能是你在2021年最大的決策驅動因素。而在比較框架的效能時，Flutter比React Native更有優勢。
無論你是從 MVP 開始還是從一個高階的應用結構開始，選擇僱傭一個移動應用程式開發者總是有意義的，這個應用程式開發者的技術可以確保你在這個蓬勃發展的行業中獲得高效能。
在技術方面，Flutter 被編譯成 ARM 或 x86本地庫，這使得它更快，並且增加了一個優勢。另一方面，React Native 沒有被編譯成本機程式碼，仍然有 JavaScript 層，這使得它的效能比 Flutter 低。
7. Flutter VS React Native：易於採用和社群支援
結論：當涉及到構建企業應用程式時，社群支援是必須檢查的因素。而React Native和Flutter都在行業中發展了多年，並有了最新的技術更新。
而隨著每一個遞增的版本和技術更新，社群對該框架的興趣和需求逐漸增加。讓我們瞭解一下這兩個框架在社群參與方面的情況。
React Native在2015年推出，其社群一直處於成長階段，Github上對該框架的貢獻者數量就是證明。但是，儘管Flutter還很年輕，也比較新，但它正在迅速佔領這個行業。
8. Flutter Vs React Native：UI元件和自定義
結論：由於Flutter有自己的一套UI元件和小工具，而React Native只提供了一個基本的小工具盒子，因此，Flutter提供了更好的UI定製，並使其跨平臺一致。
從框架推出開始，Flutter就以其漂亮的類似於原生的widgets而聞名，這些widgets由框架的圖形引擎渲染和管理。
此外，它的設計支援Material Design，是開箱即用。你所需要做的就是僱傭應用程式開發人員，他們擁有使用Flutter的優秀技能，可以用預製的widgets輕鬆地定製專案的需求來建立大多數檢視。
另一方面，React Native提供了適應平臺的基本工具，如按鈕、滑塊、載入指示器等。但是React Native有很多第三方元件可以幫助你定製應用的UI。
9. Flutter VS React Native：程式碼可維護性
結論：無論您開發的應用程式多麼出色，要使其平穩執行，持續執行，都必須進行升級和除錯。與Flutter相比，使用React Native維護程式碼真的很困難。
在React Native中，當你為適應你的應用而分叉程式碼時，它會干擾框架的邏輯，從而減慢開發過程。此外，在React Native應用程式中，大多數原生元件都具有第三方庫依賴關係，因此維護那些過時的庫確實是一項艱鉅的任務。
在Flutter的情況下，由於程式碼的簡單性使移動應用程式開發人員可以輕鬆地發現問題，尋找外部工具和支援第三方庫，因此維護程式碼要容易得多。
此外，與使用React Native的熱過載能力相比，在Flutter中釋出高質量的更新和在應用中進行即時更改所需的時間表現得更好。
10. Flutter VS React Native：開發人員的小時成本
結論：無論你是一個初創公司還是一個領先的企業家，開發者的每小時成本總是你最關心的問題。所以當你選擇僱傭本地開發公司或Flutter應用工程師時，你可能會想知道他們的費率，而不同的地點會提供給你不同的小時費率。讓我們檢查！
在僱用應用開發人員時，無論是Flutter還是React Native，都需要考慮很多因素，例如經驗，專業知識，專案處理等等，以評估開發人員的實際小時成本。
在招聘應用開發者時，無論是Flutter還是React Native，都需要考慮許多因素，如經驗、專業知識、專案處理等，以評估開發者的實際小時成本。但在所有這些因素中，開發商的位置是最重要的因素，可能會帶來小時成本的巨大差異。
| 地區/區域 | Flutter | React Native |
|---|---|---|
| 西歐 | $80+/小時 | $50+/小時 |
| 印度 | $18+/小時 | $15+/小時 |
| 阿聯酋 | $22+/小時 | $18+/小時 |
| 美國 | $75+/小時 | $65+/小時 |
如果您仍然不確定何時為開發專案選擇Flutter或React Native，那麼最好快速瀏覽一下Flutter Vs和React Native之間的圖表比較：
| Flutter | React Native | |
|---|---|---|
| 程式語言 | Dart | JavasScript |
| 入門所需的基本知識 | C#或Java | 前端開發（JavaScript） |
| 技術架構 | 使用它自己的小部件庫來顯示 Flutter UI | 通過 React Native 橋接到 UI 執行緒 |
| 現成的UI小部件和元件 | 巨大的外掛和小部件庫 | 使用作業系統的本地UI元件 |
| 開發工具和文件 | 優秀的文件和入門工具包 | 廣泛的文件和教程。從頭開始開發並不容易 |
| 何時選擇 | App UI是優先順序，如果你想建立一個執行速度在60幀/秒到120幀/秒之間的應用 | 你想要移動、Web和桌面的通用程式碼 |
| 請勿選擇，如果 | 你的應用程式應小於4MB | 你正在尋找重度企業級的應用程式 |
| 使用案例 | Google Ads, Alibaba, Reflectly, My Leaf, Groupon, Topline | Facebook, Instagram, Skype, Airbnb, Walmart, Pinterest, Tesla |
| 開發 | 簡單，內建庫 | 需要第三方庫支援 |
結論
開發跨平臺應用程式時，Flutter和React Native都是主導技術，因為它們都具有諸如實時重新整理或使用自適應軟體構建圖形UI的特殊功能。框架的選擇主要取決於專案的需要，不同的專案型別需要不同的優勢。所以宣佈一個獲勝者意味著超越一個領先框架而不是另一個，這真的沒有任何意義。
此外，您可以與移動應用程式開發公司合作，對專案需求進行分析，並在為專案選擇任何框架之前，向專家程式設計師尋求有價值的建議。他們將他們最好的專業知識帶到專案中，並使您能夠使用最適合的方法構建應用程式。所以不要浪費你的精力在權衡框架上，因為專家擁有根據專案需求實現合適技術的最佳知識。
翻譯自javascript.plainenglish.io，作者：Sara Khan
文章首發於公眾號：前端全棧開發者
