React Native 中的熱過載

Rana Hasnain Khan 2022年5月18日
React Native 中的熱過載

我們將介紹 React Native 中的過載型別以及 React Native 中實時和熱過載的優缺點。

React Native 中的過載型別

兩種型別的重新載入是實時重新載入熱重新載入。React Native 支援實時和熱過載,儘管它們是不同的。

React Native 中的實時過載

實時重新載入可以通過向模擬器提供一個新檔案來編譯和讀取我們的更改,該模擬器從一開始就自動讀取應用程式。

React Native 中的熱過載

它基於熱模組更換 (HMR)。熱過載的過程不同於實時過載。它只讀取我們所做的更改並重新載入進行更改的元件。應用程式不必從一開始就讀取應用程式,但它會保持相同的狀態。

熱過載的主要優勢在於熱過載能夠以一種允許我們檢視程式碼更改的方式批准原始碼中的更改,即使我們沒有重新編譯整個應用程式。

因此,如果我們為程式碼和應用程​​序螢幕開啟了兩個或多個視窗,我們可以在對程式碼進行更改後立即看到結果。熱過載大大減少了等待時間。

熱過載的另一個好處是,如果我們編輯任何四到五個導航的頁面,我們不必在看到我們在該頁面上所做的更改時進行導航。

在 React Native 中啟用熱過載功能

首先,我們必須在 React Native 中使用以下命令在裝置或模擬器上啟動我們的應用程式。

# react native
react-native run-android

然後我們需要點選模擬器並按下 CTRL+M 或搖晃我們正在執行應用程式的 Android 裝置。

然後會有一個彈出視窗,其中包含啟用熱重新載入的選項。

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

相關文章 - React Native