Qual é a diferença entre Recarregamento a quente e Recarregamento ao vivo no React Native?

311

Estou um pouco confuso aqui. Quando estou depurando um aplicativo React Native, geralmente habilito o Hot Reloading e o Live Reloading . Eu quero saber qual é a diferença entre eles?

javascript mobile react-native

— Raman Choudhary
fonte

496

O recarregamento ao vivo recarrega ou atualiza o aplicativo inteiro quando um arquivo é alterado. Por exemplo, se você tivesse quatro links profundos na sua navegação e salvasse uma alteração, a atualização ao vivo reiniciaria o aplicativo e o carregaria de volta à rota inicial.

O recarregamento a quente atualiza apenas os arquivos que foram alterados sem perder o estado do aplicativo. Por exemplo, se você tivesse quatro links profundos na sua navegação e salvasse uma alteração em algum estilo, o estado não mudaria, mas os novos estilos apareceriam na página sem precisar navegar de volta para a página em que você está, porque ainda assim estar na mesma página.

— Nader Dabit
fonte

5

Este vídeo do site do RN também pode ajudar. youtu.be/2uQzVi-KFuc

— Ekundayo Blessing Funminiyi

8

Por que alguém preferiria recarregar ao vivo do que recarregar a quente? Existe algum benefício em recarregar ao vivo?

— Jan

Exemplo de recarga a quente em reagir nativo . Este método ajuda a exibir alterações atualizadas na interface do usuário.

— sumit kumar pradhan

Ambos podem ser feitos em Kotlin? Em caso afirmativo, você pode me indicar um recurso decente? Paz!

— MonkSinha

3

@ Jan sim, geralmente é melhor recarregar a quente do que recarregar ao vivo. No entanto, a recarga a quente é mais complexa de implementar e às vezes não é tão confiável quanto a recarga ao vivo.

— Jason Axelson 8/19

15

Ambos podem ser ativados usando CMD+D / CMD+CTRL+Z / Shake Gesture menu. Ambos estão usando o watchman para ouvir as alterações no arquivo.

A recarga ao vivo recarrega todo o aplicativo.

A idéia por trás do recarregamento a quente é manter o aplicativo em execução e injetar novas versões dos arquivos que você editou em tempo de execução. Dessa forma, você não perde nada do seu estado, o que é especialmente útil se você estiver ajustando a interface do usuário. Por isso, recarrega apenas a página em que você altera mais informações aqui

— TheCodeTalker
fonte

2

Ao desenvolver o aplicativo React-Native, você precisa visualizar as alterações no código e, para visualizar as alterações no código, há duas opções no React-Native.

Recarga a quente

O recarregamento a quente apenas exibe as alterações de código de acordo com as novas alterações de código sem reiniciar o aplicativo desde o início e afeta apenas o código alterado.
Recarga ao vivo

Às vezes, podemos precisar do Live Reload para testar nosso código, como a navegação, para que o Live Reload seja útil nesse caso, para que ele recarregue todo o aplicativo com alterações no código.

— Waheed Akhtar
fonte

0

O recarregamento a quente apenas exibe as alterações de código de acordo com as novas alterações de código sem reiniciar o aplicativo desde o início e afeta apenas o código alterado. mas é bom ao estilizar os componentes ao adicionar / alterar o código JS, cria problemas. Para que o Live reload ou rr funcione bem