Come funziona React Native?

Come funziona React Native?

1) Thread UI: Conosciuto anche come il thread principale. Può essere utilizzato per il rendering dell'interfaccia utente nativa di Android o iOS. Per esempio, su Android, questo thread è un Android measurement/layout/draw.

2) JS Thread: JS thread o JavaScript thread è il thread di esecuzione logica. Ad esempio, è un thread in cui viene eseguito il codice JavaScript dell'applicazione, vengono effettuate le chiamate API, vengono elaborati gli eventi touch, e così via. Gli aggiornamenti alle viste locali sono inviati al lato locale (ed eventualmente eseguiti nel thread UI) alla fine di ogni ciclo di eventi nel thread JS.

Per mantenere migliori prestazioni, il thread JS dovrebbe essere in grado di inviare aggiornamenti in batch al thread UI prima della scadenza del rendering del frame successivo. Per esempio, iOS visualizza 60 fotogrammi al secondo e questo porta a un nuovo fotogramma ogni 16,67 minuti. Nel vostro ciclo di eventi Javascript, vedrete i cambiamenti dell'UI e se ci vuole più di 16.67ms, l'UI apparirà più lenta.

Un'eccezione è rappresentata dalle viste native che si svolgono interamente nel thread dell'UI, per esempio, Navigator iOS o Scroll View che girano interamente nel thread dell'UI e non sono bloccate da thread js lenti.

3) Thread dei moduli nativi: Raramente l'applicazione necessita di una via all'API della piattaforma e appare come parte del thread del modulo nativo.

4) Thread di rendering: Solo in Android L (5.0), React-Native Render Thread viene applicato per generare gli innovativi comandi OpenGL utilizzati per disegnare l'interfaccia utente.

Per avere maggiori informazioni sulle applicazioni mobili controlla qui Srikanth B