比較：React Native 與 Native App 開發

React Native RoR 框架能否與 Native 應用程序開發競爭？

它實際上是我們這些天聽到的很多意見的混合應用程序之一。 跨平台的開發工具有很多，但是本文我們關注的一個是React Native RoR框架。 React Native 是原生的嗎？ 那我們來調查一下。

正如我們現在的世界變得有多種選擇一樣，我們每天要做出大約 3500 個決定，而這甚至還不是最高峰。 這個多選因素也影響了原生 iOS（和 Android）開發的世界——有很多方法可以構建應用程序。 您可以在不同的平台上使用您的應用程序，它可能是 Web 或移動設備，本機或跨平台，這一切都可以根據您的需求和價值觀來解決。 我們將嘗試突出每個案例的優缺點。

眾所周知的應用程序開發路徑是原生的和跨平台的。 本機應用程序開發非常適用於移動設備，並且是用於特定目的（iOS 或 Android）、在特定 IDE（ XCode或Android Studio ）和特定語言（ Android 的 Kotlin/Java、Swift/ iOS 的 Objective-C )。

開發的第二種應用程序稱為混合應用程序。 跨平台（ig React Native）和原生應用開發有什麼區別？ 跨平台應用程序開發與原生應用程序開發有點不同，因為在大多數情況下，它包含一個混合了移動和 Web 開發概念的開源框架，並且通常是用 Java Script 編寫的，儘管最終結果最終會是一個“類似本機”的應用程序文件。 “本機應用程序與混合應用程序”的競爭近來已經達到了子午線。

雖然“原生”平台和語言的一切都很清楚，但混合應用程序有更廣泛的分類。 最常用的跨平台JS框架如下：

• 離子 3 框架
• 沙馬林
• Cordova（前 PhoneGap）
• React Native RoR 框架

今天，為什麼選擇混合應用程序以及構建它們的框架？ 選擇什麼 - React Native vs Ionic？ Xamarin 與 React Native？ 跨平台應用程序開發最常用的框架之一是React Native ，但是是什麼讓人們使用它呢？ 我試圖調查此事。

反應更快。

[圖片來源：Facebook React Native]

我敢打賭你已經認出了這些圖標中的每一個。 所有這些（過去，甚至現在）都是使用 React Native 構建的。 說起來，Facebook 公司基本上是 React Native 應用程序開發的所有者和積極推動者。 但是，該公司本身否認是“混合應用程序的工具”。 正如他們在正式登陸時所說，

“使用 React Native，您無需構建“移動網絡應用程序”、“HTML5 應用程序”或“混合應用程序”。 您構建了一個真正的移動應用程序，它與使用 Objective-C 或 Java 構建的應用程序沒有區別。 React Native 使用與常規 iOS 和 Android 應用程序相同的基本 UI 構建塊。 你只需使用 JavaScript 和 React 將這些構建塊放在一起。”

[來源：Facebook Github]

但是 React Native 真的能與原生應用開發相媲美嗎？ 嗯，不完全是。 首先，即使是應用程序構建過程在這裡也有所不同。

如何構建 React Native 應用程序？ 包起來。

適用於 Android（和 iOS）的 React Native 本身是對原生編譯的封裝，其中 JS 工具允許您更輕鬆地構建應用程序。 它甚至有一個簡化的結構——組件看起來像基本的 HTML 標籤。 您在 React Native 中編寫的代碼對於每個移動平台都是獨一無二的，但是有許多通用工具可以在 iOS 或 Android 上重複使用和重新應用。 此外，你可以有幾個構建目標，這讓我稱 React Native 開發不僅是一個跨平台的框架，也是一個跨設備的。 您可以將您的應用程序用於 iOS，與 AppleTV 和 Mac OS 相同。

在 React Native 中開發的應用程序不需要原生 IDE（XCode 或 Android Studio），儘管您可以使用它們進行開發，因為 Expo - React Native 的定制 IDE 提供的調試功能較少。 RN 框架也沒有使組件的結構複雜化——它是非常簡單的一種，如果你正在尋找一個更複雜的結構，你需要使用原生的 iOS 或 Android 部件，包裹在頂部的 JS 覆蓋中（這是，相當，相當凌亂）。 一些組件被裝扮成，它可以幫助您將各種道具放入其中。

一些優勢使 React Native 成為全球跨平台應用程序開發人員的一筆可口交易：

1.它需要你的資源更少。

與每個跨平台解決方案一樣，它更便宜且更適合預算； 您不需要聘請兩個獨立的應用程序開發團隊 - 您可以擁有一個開發團隊，但如果您願意，結果將涵蓋兩個平台。 當然，用於構建這些應用程序的資源和成本將大大低於本機應用程序開發所需的成本。

2. React Native 的強大之處在於它的組件。

就像已經說過的那樣，React Native 可接受的組件列表是巨大的。 反過來，這些組件當然可以在其他項目中重用，如果它們有一些共同的相似之處。

3. 它有一個龐大的社區。

你猜 Facebook 官方 React Native 社區有多少人？ 在這篇文章發表的時候，這個數字已經超過了 23000。作為一個大社區的一份子，最大的好處是一定的包容感+從中提取新組件的能力。 您為自定義目的創建的組件可以輕鬆地在組內分發 - 因此您可以在需要時找到現成的解決方案，而無需從頭開始重新編寫。

4. 推廣...

Facebook 公司作為一個整體已經可以被命名為“品牌品牌”，所以整個 Facebook 背後的它為 React Native 框架提供了巨大的優勢（如果我們甚至拿 Ionic 與 React Native 進行比較的話）。 用戶相信這個社交網絡足夠耐用，可以代表它所宣傳和聲稱依賴的產品。

一種尺寸並不適合所有人。

在環的另一個角落，本地應用程序開發人員所在的地方，當您為“走向本地”付費時，也可以購買到一些價值和好處。

1. 原生 = 響應更快。

界面的響應能力是 UX 設計師渴望並付出了很多努力的東西。 當它是原生應用程序時，每個單獨的設計屏幕都是單獨設計的，並根據商店的指導方針進行調整以適應風格 - 無論是平面還是材料。

2. 母語=由蘋果和谷歌商店官方開發。

Native App Store 和 Google Play 接受基於平台開發和支持的語言構建的應用程序。 如果您遵循指導方針 - 您通往商店的梯子已經準備就緒。 對於跨平台應用程序，您仍然有機會接受，但很有可能，您只是因為有點“webbish”界面或導航而被拒絕。

3.“極品飛車”。

可用性工程的主要原則之一代表快速交互——“1.0 秒是用戶思想流保持不間斷的極限”。 雖然本機應用程序的反應和執行速度足夠快，可以讓用戶保持在系統的節奏之內，但混合產品在某種程度上往往會變得更慢。

4. 原生 = 更複雜。

當您希望創建具有“普通”類別之外的功能的已經存在的東西時，跨平台解決方案會搖擺不定。 當談到復雜的事情時（所有那些流行的物聯網、AR/VR、大數據挖掘算法都在這個列表中），混合應用程序缺乏實現你想要的技術能力。 另一方面，原生 IDE 和語言有無窮無盡的技術視角——可以在它們上面編寫大量的東西。

謹慎選擇。

如果你正在尋找一個簡單的應用程序來構建（列表和沒有比這更複雜的），那麼 React Native 是一個爆炸。 如果需要進一步的應用程序性能，則會出現更複雜的開發過程——您已經需要切換到 Swift 或 Kotlin，然後將其全部包裹在閃閃發光的 Java Script 封面中； 這聽起來並不容易。 因此，對於視頻或音頻流、路由、實時聊天、照片編輯等，您最好從一開始就進行本機開發，避免這些缺點。

此外，React Native 是一個完整的 JavaScript 框架，整個代碼甚至可以在 TextMate 或 Notepad++ 等文本編輯器中編寫。 儘管在構建項目時，您非常需要一個特定的 IDE，或者至少需要一個模擬器。

有幾個不錯的基於 RN 的應用程序示例：

• Facebook 應用程序，顯然
• Airbnb 移動應用程序（混合 iOS 和 Android）
• 沃爾瑪移動應用程序（因為它有許多嵌入式 Web 視圖，但其實施低於預期）

你可以在他們的官方網站上查看基於 RN 的產品的完整列表，在這裡 RN 再次贏得 React Native 與 Xamarin 框架競賽。

為了透視。

根據 Flurry 的統計數據，“如今美國消費者平均每天在智能手機和平板電腦上花費 2 小時 38 分鐘。其中 80% 的時間（2 小時 7 分鐘）都花在了應用內”。 您的產品必須以某種方式適應每天 2 小時的時間。 考慮到所有要點，React Native RoR 框架對於小型短期項目來說將是一個方便的解決方案； 評論證明它是快速，激烈和新的，或者當你想“測試概念”時。 儘管如此，從長遠來看，或者在計劃啟動技術創新時，您不能依賴現成的選項。 您需要從頭開始構建它，需要對其進行自定義 - 因此您需要將其作為本機應用程序開發。

由 Artem Chervichnik 和 Elina Bessarabova 撰寫。