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