在今年的 React Conf 上，React Native 更新了其構(gòu)建應(yīng)用最佳實現(xiàn)，開始推薦使用框架來創(chuàng)建新的 React Native 應(yīng)用，這個被推薦的框架都是 Expo，本文就來簡單看看 Expo 是什么，與原生 React Native 有什么區(qū)別。

圖片

其實早在去年，React 官方文檔就開始推薦使用框架來創(chuàng)建新的 React 項目，推薦的框架包括：Next.js、Remix、Gatsby、Expo。

圖片

# Expo 是什么？

Expo是一個開源的跨平臺開發(fā)框架，專為構(gòu)建可以在Android、iOS和Web上運行的統(tǒng)一原生應(yīng)用程序而設(shè)計。它基于React Native，但提供了更多的上層封裝和擴展功能，使得開發(fā)者能夠更輕松地構(gòu)建和擴展跨平臺應(yīng)用。

框架定義：框架提供了一套完整的工具和API，使開發(fā)者能夠構(gòu)建生產(chǎn)就緒的應(yīng)用，而不必從頭解決常見問題。

簡單來說，Expo 是建立在React Native之上的一個更高層次的框架，它提供了許多 React Native 所沒有的功能和便利，如簡化的跨平臺開發(fā)、豐富的庫和工具、以及便捷的調(diào)試和部署服務(wù)。

圖片

Expo 的核心功能如下：

• 跨平臺支持：Expo允許開發(fā)者使用React和JavaScript編寫代碼，然后這些代碼可以在Android、iOS和Web平臺上原生運行，實現(xiàn)“一次編寫，多平臺運行”的目標。
• 豐富的庫和工具：Expo SDK提供了各種功能模塊，如相機、地圖、推送通知等，這些都可以被開發(fā)者直接引入到項目中，無需自己從零開始編寫。
• 統(tǒng)一運行時環(huán)境：Expo提供了Universal Runtime，這是一個支持所有目標平臺的共享運行時環(huán)境，確保了應(yīng)用在不同平臺上的用戶體驗一致性。
• 便捷的調(diào)試和預(yù)覽：通過Expo Go應(yīng)用，開發(fā)者可以在手機上實時查看代碼更改的效果，無需構(gòu)建或安裝完整的應(yīng)用包。

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

推薦理由：React Native框架，如 Expo，提供了一套完整的工具和 API，簡化了構(gòu)建生產(chǎn)級應(yīng)用的過程，使開發(fā)者能夠?qū)Ｗ⒂趹?yīng)用功能而非技術(shù)問題。Expo 因其優(yōu)秀的開發(fā)者體驗而成為目前社區(qū)推薦的框架。

# Expo vs React Native

• 入門難度：

Expo：提供了一個簡化的開發(fā)環(huán)境，使得設(shè)置過程非常簡單。Expo CLI 可以快速初始化項目，無需手動配置原生開發(fā)環(huán)境。

React Native：設(shè)置起來相對復(fù)雜，需要手動安裝和配置原生開發(fā)工具，如 Android Studio 和 Xcode。

• 開發(fā)環(huán)境：
• Expo：提供了一個受管理的環(huán)境，自動處理許多原生開發(fā)任務(wù)，如依賴管理和環(huán)境配置。
• React Native：提供了一個未受管理的環(huán)境，開發(fā)者需要自己處理原生代碼和配置。
• 組件和庫：
• Expo：提供了一個精選的預(yù)先構(gòu)建和測試過的 React Native 組件和模塊庫，這些組件和模塊經(jīng)過優(yōu)化，易于在 Expo 項目中使用。
• React Native：提供了更廣泛的組件和模塊選擇，但可能需要更多的配置和設(shè)置。
• OTA 更新：
• Expo：開箱即用地支持 OTA 更新，允許開發(fā)者無需應(yīng)用商店審核即可向用戶推送應(yīng)用更新。
• React Native：不支持開箱即用的 OTA 更新，需要使用第三方服務(wù)或自行實現(xiàn)。
• 原生模塊支持：
• Expo：對原生模塊的支持有限，雖然提供了一些內(nèi)置模塊，但可能不支持所有第三方原生模塊。
• React Native：提供完全的原生模塊支持，允許開發(fā)者使用任何針對特定平臺的原生模塊。
• 靈活性和控制：
• Expo：提供了較少的靈活性，因為許多底層細節(jié)被抽象化，但這也使得它更易于使用。
• React Native：提供了更高的靈活性和對應(yīng)用原生方面的完全控制，但使用起來更復(fù)雜。
• 性能優(yōu)化：
• Expo：可能會因為包含整個 Expo 框架而增加應(yīng)用的大小，這可能影響啟動時間和性能。
• React Native：允許進行更細致的性能優(yōu)化，適合需要高性能的應(yīng)用。
• 適用場景：
• Expo：適合快速原型開發(fā)、初學(xué)者友好的項目、沒有特殊原生要求的標準應(yīng)用程序、以及有限的原生開發(fā)資源訪問權(quán)限。
• React Native：適合需要深度定制、直接訪問原生 API、高性能和復(fù)雜 UI 的應(yīng)用、大型企業(yè)級應(yīng)用、以及完全控制開發(fā)環(huán)境的場景。