В чем разница между «горячей» перезагрузкой и «живой» перезагрузкой в ​​React Native?


311

Я немного запутался здесь. Когда я отлаживаю приложение React Native, я обычно включаю горячую перезагрузку и активную перезагрузку . Я хочу знать, в чем разница между ними?

Ответы:


496

Оперативная перезагрузка перезагружает или обновляет все приложение при изменении файла. Например, если в навигации было четыре ссылки, и вы сохранили изменение, то при перезагрузке в режиме реального времени приложение перезапустится и загрузится обратно в исходный маршрут.

Горячая перезагрузка обновляет только файлы, которые были изменены, без потери состояния приложения. Например, если в вашей навигации было четыре ссылки, и вы сохранили изменение в каком-либо стиле, состояние не изменится, но новые стили появятся на странице без необходимости перехода обратно на страницу, на которой вы находитесь, потому что вы все равно быть на той же странице.


5
Это видео с сайта RN может также помочь. youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi

8
Почему кто-то предпочел бы перезарядку в реальном времени, а не горячую? Есть ли польза от перезарядки?
Янв

Пример горячей перезагрузки в реакции родного . Этот метод помогает отображать обновленные изменения в пользовательском интерфейсе.
Саммит Кумар Прадхан

Можно ли сделать оба в Котлине? Если да, можете ли вы направить меня на достойный ресурс? Мир!
monkSinha

3
@ Ян, да, обычно горячая перезагрузка предпочтительнее, чем живая. Однако горячая перезагрузка более сложна в реализации и иногда не так надежна, как оперативная перезагрузка.
Джейсон Аксельсон

15

Оба могут быть включены с помощью CMD+D / CMD+CTRL+Z / Shake Gesture menu. Оба используют сторож для прослушивания изменений файла.

Перезагрузка в режиме реального времени перезагружает все приложение.

Идея горячей перезагрузки состоит в том, чтобы поддерживать работоспособность приложения и добавлять новые версии файлов, которые вы редактировали во время выполнения. Таким образом, вы не потеряете свое состояние, что особенно полезно, если вы настраиваете пользовательский интерфейс. Таким образом, он перезагружает только ту страницу, которую вы изменили больше информации здесь


2

При разработке приложения React-Native вам необходимо просматривать изменения кода, а для просмотра изменений кода в React-Native есть два варианта.

  1. Горячая перезагрузка

    Горячая перезагрузка отображает только изменения кода в соответствии с новыми изменениями кода без перезапуска приложения с самого начала, и это влияет только на измененный код.

  2. Live Обновить

    Иногда нам может понадобиться Live Reload для тестирования нашего кода, например, навигации, поэтому в этом случае полезна Live перезагрузка, поэтому она будет перезагружать все приложение при изменении кода.


0

Горячая перезагрузка отображает только изменения кода в соответствии с новыми изменениями кода без перезапуска приложения с самого начала, и это влияет только на измененный код. но хорошо, когда стилизация компонентов при добавлении / изменении JS-кода создает проблемы. Для этого Live перезагрузить или RR работает хорошо

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.