React Native

React Native è un framework per applicazioni mobili open source creato da Meta. Viene utilizzato per sviluppare applicazioni per Android, Android TV, iOS, macOS, tvOS, Web, Windows e UWP consentendo agli sviluppatori di utilizzare React framework insieme alle funzionalità della piattaforma nativa.

Storia

In passato, l'utilizzo di HTML5 per la versione mobile di Facebook ha portato ad avere un'applicazione instabile con un lento recupero dei dati. Per questo motivo, Mark Zuckerberg ha promesso che Meta avrebbe presto offerto una migliore esperienza mobile.

All'interno di Meta, Jordan Walke ha trovato un modo per generare elementi dell'interfaccia utente per iOS da un thread JavaScript in background, che è diventato la base per il framework React web. Hanno deciso di organizzare un Hackathon interno per perfezionare questo prototipo in modo da poter creare app native con questa tecnologia.

Dopo mesi di sviluppo, Meta ha rilasciato la prima versione per React in JavaScript nel 2015. Durante un discorso tecnico, Christopher Chedeau ha spiegato che Meta stava già utilizzando React Native in produzione per la sua app di gestione degli annunci.

Implementazione

I principi di funzionamento di React Native sono fondamentalmente identici a React, tranne per il fatto che React Native non manipola il DOM tramite il Virtual DOM. Avviene infatti un'esecuzione in background che interpreta il JavaScript scritto dagli sviluppatori direttamente sul dispositivo finale che comunica con la piattaforma nativa tramite una serializzazione dei dati su un ponte asincrono.

I componenti di React avvolgono il codice nativo esistente e interagiscono con le API native tramite la programmazione dichiarativa di React e il JavaScript.

Sebbene lo stile di React Native abbia una sintassi simile al CSS, non utilizza HTML o CSS.

Invece, i messaggi dal thread JavaScript vengono utilizzati per manipolare le visualizzazioni native. React Native consente inoltre agli sviluppatori di scrivere codice nativo in linguaggi come Java o Kotlin per Android e Objective-C o Swift per iOS, il che lo rende ancora più flessibile.

Esempio di base

Un esempio di programma Hello World in React Native ha il seguente aspetto: