React Native中的热重载和Live Reloading有什么区别?

时间:2017-01-02 14:52:01

标签: javascript mobile react-native

我在这里有点困惑。当我调试React Native Application时,我通常会同时启用 Hot Reloading Live Reloading 。我想知道它们之间有什么区别?

8 个答案:

答案 0 :(得分:367)

实时重新加载在文件更改时重新加载或刷新整个应用。例如,如果您在导航深处有四个链接并保存了更改,则实时重新加载会重新启动应用并将应用加载回初始路径。

热重新加载仅刷新已更改的文件而不会丢失应用程序的状态。例如,如果您的导航深入了四个链接并保存了对某些样式的更改,则状态不会更改,但新样式将显示在页面上,而不必导航回您所在的页面,因为您仍然会在同一页上。

答案 1 :(得分:13)

可以使用CMD+D / CMD+CTRL+Z / Shake Gesture menu启用两者。两人都使用守望者来收听文件的变化。

实时重新加载会重新加载整个应用。

热重新加载背后的想法是让应用程序保持运行并注入您在运行时编辑的新版本文件。这样,您不会丢失任何状态,如果您正在调整UI,这将特别有用。因此,它仅重新加载您更改了更多信息here

的页面

答案 2 :(得分:3)

Hot Reload:
<块引用>

热重载用于只刷新代码发生变化的文件

Live Reload:
<块引用>

Live Reload 用于刷新它不关心的整个应用程序 哪个文件发生了变化。

答案 3 :(得分:2)

两者之间的区别是,实时重新加载将重新加载整个应用程序。就像,好吧,文件更改了,重新加载了整个应用程序。热重装不会重装整个应用程序。只是修补已更改的代码并将状态保留在您的应用中。

答案 4 :(得分:1)

在开发React-Native应用程序时,您需要查看代码更改  对于查看代码更改,React-Native中有两个选项。

  1. 热重载

    热重装只会根据新的代码更改显示代码更改 无需从头开始重新启动应用程序,它仅对 更改了代码。

  2. 实时刷新

    有时我们可能需要实时重载来测试我们的代码,例如导航,因此 在这种情况下,实时重新加载很有用,因此它将重新加载整个 应用程序中的代码更改。

答案 5 :(得分:0)

热重载仅根据新代码更改显示代码更改,而无需从头开始重新启动应用程序,它仅影响更改后的代码。 但是在添加/更改JS代码时仅对组件进行样式设置会带来好处。 为此,Live reload或rr效果很好

答案 6 :(得分:0)

热加载

  1. 热重装仅影响更改的代码(同一页/类)。
  2. 保持状态。

实时刷新

  1. 在代码更改时重新加载整个应用程序。对于导航更改和父类更改更有用。
  2. 不要保持以前的状态。

答案 7 :(得分:0)

Hot Reload:Hot Reload 用于只刷新代码发生变化的文件 Live Reload:Live Reload 用于刷新整个应用。