Qual è la differenza tra Hot Reloading e Live Reloading in React Native?


311

Sono un po 'confuso qui. Quando sto debug di un'applicazione nativa Reagire, io di solito attivare sia Ricarica caldo e vivo Ricarica . Voglio sapere qual è la differenza tra loro?

Risposte:


496

La ricarica in tempo reale ricarica o aggiorna l'intera app quando un file cambia. Ad esempio, se ci fossero quattro collegamenti in profondità nella navigazione e si salvasse una modifica, il ricaricamento in tempo reale riavvierebbe l'app e la ricaricherebbe nel percorso iniziale.

La ricarica a caldo aggiorna solo i file che sono stati modificati senza perdere lo stato dell'app. Ad esempio, se avessi quattro collegamenti in profondità nella tua navigazione e avessi salvato una modifica ad alcuni stili, lo stato non cambierebbe, ma i nuovi stili appariranno sulla pagina senza dover tornare alla pagina in cui ti trovi perché essere sulla stessa pagina.


5
Anche questo video dal sito Web di RN potrebbe essere d'aiuto. youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi

8
Perché qualcuno dovrebbe preferire la ricarica dal vivo rispetto alla ricarica a caldo? C'è qualche vantaggio nel ricaricare dal vivo?
Jan

Esempio di ricarico a caldo in native native . Questo metodo consente di visualizzare le modifiche aggiornate nell'interfaccia utente.
sumit kumar pradhan,

Entrambi possono essere fatti in Kotlin? Se è così, puoi per favore indirizzarmi verso una risorsa decente? Pace!
monacoSinha,

3
@ Jan sì, in genere è preferibile ricaricare a caldo per ricaricare dal vivo. Tuttavia, la ricarica a caldo è più complessa da implementare e talvolta non è affidabile come la ricarica dal vivo.
Jason Axelson,

15

Entrambi possono essere abilitati utilizzando CMD+D / CMD+CTRL+Z / Shake Gesture menu. Entrambi utilizzano watchman per ascoltare le modifiche ai file.

La ricarica in tempo reale ricarica l'intera app.

L'idea alla base della ricarica a caldo è quella di mantenere in esecuzione l'app e iniettare nuove versioni dei file che sono stati modificati in fase di esecuzione. In questo modo, non perdi il tuo stato, il che è particolarmente utile se stai modificando l'interfaccia utente. Quindi ricarica solo quella pagina che si modifica più informazioni qui


2

Durante lo sviluppo dell'app React-Native è necessario visualizzare le modifiche al codice e per visualizzare le modifiche al codice sono disponibili due opzioni in React-Native.

  1. Ricarica a caldo

    Ricarica a caldo visualizza solo le modifiche al codice in base alle nuove modifiche al codice senza riavviare l'app dall'inizio e ha effetto solo sul codice modificato.

  2. Ricarica dal vivo

    A volte potremmo aver bisogno di Live Reload per testare il nostro codice come la navigazione, quindi in questo caso Live ricaricamento è utile, quindi ricaricherà l'intera applicazione in caso di modifica del codice.


0

Ricarica a caldo visualizza solo le modifiche al codice in base alle nuove modifiche al codice senza riavviare l'app dall'inizio e ha effetto solo sul codice modificato. ma va bene quando si disegna semplicemente i componenti quando si aggiunge / si modifica il codice JS crea problemi. Per questo Live ricaricare o rr funziona bene

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.