Siamo sempre a favore di attività di processo "rapide", sia che si tratti di denaro che di tempo. IOS e Android sono i due sistemi operativi dominanti attualmente nell'intero mondo mobile. Gli sviluppatori creano app sia per piattaforme che offrono un'esperienza utente migliorata, sia per app che sono veloci nello sviluppo e nell'esecuzione su più piattaforme e dispositivi e sono alla ricerca di cicli di sviluppo più brevi, tempi di distribuzione più rapidi e migliori prestazioni delle app. Per questo motivo, Facebook ha lanciato React Native, una piattaforma per aiutare gli sviluppatori a riutilizzare il codice sviluppato per iOS o Android su altre piattaforme anche senza dover iniziare a programmare le app da zero.
Molti sviluppatori sanno già che JavaScript, o HTML5 e CSS, sono raggruppati in un contenitore che ne consente l'esecuzione in modo nativo su un dispositivo. I framework di app ibride hanno fatto molta strada per colmare il divario tra le prestazioni di un'app nativa e la facilità di sviluppo di un'app Web; questa tecnologia non è altro che il framework di progettazione dell'interfaccia utente (UI) React Native di Facebook. SÌ! Ricevuto! È il futuro!
- Se confrontiamo React Native con altri framework JavaScript come AngularJS o MeteorJS, è più focalizzato sull'interfaccia utente, rendendolo più simile a una libreria JavaScript che a un framework. Quindi otteniamo un output altamente reattivo e fluido. Accetta le interazioni JavaScript asincrone con l'ambiente nativo. Farà sì che le app si carichino più velocemente di una tipica app ibrida e le manterrà funzionanti senza intoppi e senza interruzioni.
- React Native è open source. Probabilmente la comunità di sviluppo lo aggiornerà per renderlo compatibile con altre piattaforme come Windows.
- Supporta entrambe le piattaforme IOS e Android anche se nella fase iniziale Facebook ha sviluppato React Native solo per supportare iOS e consente agli sviluppatori di utilizzare (riutilizzare) lo stesso codice per sviluppare app per entrambe le piattaforme. Ho sentito che Facebook ha utilizzato React Native per creare la propria app Gestione annunci, creando sia una versione iOS che una versione Android.
- Se gli sviluppatori sono bravi con Javascript, sarà molto facile imparare a programmare utilizzando React Native. Inoltre, è uno dei migliori framework JavaScript mobili che sta diventando sempre più popolare tra gli sviluppatori. Non è necessario imparare Swift di iOS o Java per Android: devi solo conoscere JavaScript, le API della piattaforma, alcuni elementi dell'interfaccia utente nativi e qualsiasi altro modello di progettazione specifico della piattaforma e sei a posto.
- Supporta l'integrazione di plugin di terze parti nella nostra app. Ciò significa che possiamo utilizzare la funzionalità di altre app native del dispositivo in modo nativo e viceversa. Pertanto lo sviluppo di app native è molto più efficiente e React Native è noto per essere efficace nel fornire agilità, velocità e una buona esperienza utente complessiva, oltre a un minore utilizzo della memoria e un'esperienza più fluida. React Native offre tutte le migliori prestazioni delle app, l'astrazione DOM e i metodi di programmazione semplificati di React JS allo sviluppo mobile ibrido.
Facebook ha rilasciato React nel 2013 con l'obiettivo di condividere un brillante pezzo di tecnologia e concetti con il resto della comunità. Anticipa la curva con React Native oggi stesso. Se stai iniziando con il tuo Reagire allo sviluppo nativo, abbiamo scoperto che i seguenti pacchetti sono di grande aiuto quando si avvia per la prima volta:
Reagisci al router nativo: https://github.com/t4t5/react-native-router
Reagisci alle icone native: https://github.com/corymsmith/react-native-icons
I tutorial sono resi disponibili sulla pagina nativa React di Facebook su Github.
Installa il router nativo React:
Nella directory del progetto React Native ed esegui:
npm installa react-native-router –save
Utilizzo: var Router = require('react-native-router');
Nozioni di base:
var HiReactLovers = React.createClass({
rendering: funzione() {
return Ciao React Lovers!;
}
});// L'oggetto del percorso dovrebbe contenere almeno: Il nome del percorso (che diventerà il titolo della barra di navigazione) e l'oggetto componente per la pagina da visualizzare
var firstRoute = {
nome: "Benvenuto!",
componente: HiReactLovers
};
// Il wrapper del router
var MiaApp = React.createClass({
rendere() {
ritorno ()
}
});AppRegistry.registerComponent('routerTest', () => MiaApp);
SÌ! Ce l'hai fatta!
Dalla pagina “Hi React Lovers!” possiamo navigare verso un nuovo componente chiamando;
this.props.toRoute().
Di più: https://github.com/t4t5/react-native-router
Rimani sintonizzato!