當前位置: 妍妍網 > 碼農

React Native 終於「妥協」了!

2024-07-07碼農

在今年的 React Conf 上,React Native 更新了其構建套用最佳實作,開始推薦使用框架來建立新的 React Native 套用,這個被推薦的框架都是 Expo ,本文就來簡單看看 Expo 是什麽,與原生 React Native 有什麽區別。

其實早在去年,React 官方文件就開始推薦使用框架來建立新的 React 計畫,推薦的框架包括: Next.js、Remix、Gatsby、Expo

# Expo 是什麽?

Expo是一個開源的跨平台開發框架,專為構建可以在Android、iOS和Web上執行的統一原生應用程式而設計。它基於React Native,但提供了更多的上層封裝和擴充套件功能,使得開發者能夠更輕松地構建和擴充套件跨平台套用。

框架定義 :框架提供了一套完整的工具和API,使開發者能夠構建生產就緒的套用,而不必從頭解決常見問題。

簡單來說,Expo 是建立在React Native之上的一個更高層次的框架,它提供了許多 React Native 所沒有的功能和便利,如簡化的跨平台開發、豐富的庫和工具、以及便捷的偵錯和部署服務。

Expo 的核心功能如下:
  • 跨平台支持 :Expo允許開發者使用React和JavaScript編寫程式碼,然後這些程式碼可以在Android、iOS和Web平台上原生執行,實作「一次編寫,多平台執行」的目標。

  • 豐富的庫和工具 :Expo SDK提供了各種功能模組,如相機、地圖、推播通知等,這些都可以被開發者直接引入到計畫中,無需自己從零開始編寫。

  • 統一執行時環境 :Expo提供了Universal Runtime,這是一個支持所有目標平台的共享執行時環境,確保了套用在不同平台上的使用者體驗一致性。

  • 便捷的偵錯和預覽 :透過Expo Go套用,開發者可以在手機上即時檢視程式碼更改的效果,無需構建或安裝完整的套用包。

  • 實際上,Expo 相對於 React Native,就好比 Next.js 相對於 React,Nuxt.js 相對於 Vue,每個框架都在其底層技術(如React Native、React、Vue)的基礎上提供了額外的功能和便利,以簡化開發過程。

    推薦理由 :React Native框架,如 Expo,提供了一套完整的工具和 API,簡化了構建生產級套用的過程,使開發者能夠專註於套用功能而非技術問題。Expo 因其優秀的開發者體驗而成為目前社群推薦的框架。

    # Expo vs React Native

  • 入門難度

  • Expo :提供了一個簡化的開發環境,使得設定過程非常簡單。Expo CLI 可以快速初始化計畫,無需手動配置原生開發環境。

  • React Native :設定起來相對復雜,需要手動安裝和配置原生開發工具,如 Android Studio 和 Xcode。

  • 開發環境

  • Expo :提供了一個受管理的環境,自動處理許多原生開發任務,如依賴管理和環境配置。

  • React Native :提供了一個未受管理的環境,開發者需要自己處理原生程式碼和配置。

  • 元件和庫

  • Expo :提供了一個精選的預先構建和測試過的 React Native 元件和模組庫,這些元件和模組經過最佳化,易於在 Expo 計畫中使用。

  • React Native :提供了更廣泛的元件和模組選擇,但可能需要更多的配置和設定。

  • OTA 更新

  • Expo :開箱即用地支持 OTA 更新,允許開發者無需市集稽核即可向使用者推播套用更新。

  • React Native :不支持開箱即用的 OTA 更新,需要使用第三方服務或自行實作。

  • 原生模組支持

  • Expo :對原生模組的支持有限,雖然提供了一些內建模組,但可能不支持所有第三方原生模組。

  • React Native :提供完全的原生模組支持,允許開發者使用任何針對特定平台的原生模組。

  • 靈活性和控制

  • Expo :提供了較少的靈活性,因為許多底層細節被抽象化,但這也使得它更易於使用。

  • React Native :提供了更高的靈活性和對套用原生方面的完全控制,但使用起來更復雜。

  • 效能最佳化

  • Expo :可能會因為包含整個 Expo 框架而增加套用的大小,這可能影響啟動時間和效能。

  • React Native :允許進行更細致的效能最佳化,適合需要高效能的套用。

  • 適用場景

  • Expo :適合快速原型開發、初學者友好的計畫、沒有特殊原生要求的標準應用程式、以及有限的原生開發資源存取許可權。

  • React Native :適合需要深度客製、直接存取原生 API、高效能和復雜 UI 的套用、大型企業級套用、以及完全控制開發環境的場景。

  • # 往期推薦