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

Respostas:

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.

  1. 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.

  2. 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


fonte