Cinque motivi per cui gli sviluppatori web amano React Native

React Native è il futuro dello sviluppo di app moderne

Sempre più sviluppatori web stanno entrando nell'ecosistema di creazione di app. Secondo stateofjs.com, il 78% degli sviluppatori è interessato a conoscere il nuovo ragazzo del blocco: React Native. Inoltre, React Native ha un alto tasso di interesse del 92% e per un'ottima ragione.

Come probabilmente saprai, ci sono alcune altre soluzioni multipiattaforma, come Cordova e PhoneGap, ma hanno un prezzo: il prezzo di affidarsi solo al browser del telefono e al suo motore JavaScript integrato, che spesso è molto più lento di eseguendo codice nativo, come fa React Native.

Allora, cosa rende React Native così speciale? Ecco un elenco delle prime cinque cose che interesseranno principalmente gli sviluppatori web.

1. Puoi creare applicazioni native

Come probabilmente hai intuito dal nome stesso, React Native ti consente di creare applicazioni native. Cordova e altri tipi di framework, come Sencha Touch o Ionic, sono soluzioni ibride e con loro non otterrai mai l'aspetto di un'app nativa.

Sono le piccole cose che contano: scorrimento fluido o accelerato, transizioni tra schermate, animazioni totalmente personalizzate, navigazione personalizzata e così via. Se hai mai lavorato con React sul web, ti aspetta una sorpresa perché ti sentirai come a casa.

Anche se stai scrivendo JavaScript, non stai utilizzando la visualizzazione Web per eseguire il rendering dei componenti. React Native esegue il rendering di componenti nativi reali e puoi utilizzare componenti specifici della piattaforma, come l'indicatore di attività, che daranno a ogni piattaforma un aspetto riconoscibile. Il problema principale con la tecnologia ibrida in precedenza era che il browser incorporato non funzionava abbastanza bene. Non è stato ottimizzato e ha fornito scarse prestazioni.

Dal punto di vista tecnologico, il più grande concorrente di RN è Xamarin , che ti consente di sviluppare app per molte piattaforme: Mac, Windows, iOS, Android, Windows Phone, e così via. Anche Native Script funziona allo stesso modo.

Xamarin, ad esempio, è ottimo perché ha un IDE (VS) accurato, ma devi usare C#. Dato che sei uno sviluppatore web, probabilmente non conosci molto bene C# e probabilmente hai più familiarità con JavaScript.

React Native funziona in modo simile a JavaScript poiché stai scrivendo codice con JS stesso (puoi anche usare Angular.js, per esempio). Inoltre, JS è stato sorprendentemente aggiornato con standard come ES6 ed ES7. Per non parlare di quanto sia grande e potente la comunità di JS.

Raccomando questo discorso come introduzione a React Native in modo da poter imparare come funziona.
https://www.youtube.com/watch?v=KVZ-P-ZI6W4
Oppure, se sei più un lettore, prova a leggere questo post sul blog.

2. È facile da imparare

È sempre una buona cosa, vero? È anche uno dei maggiori punti di forza di React Native. È leggibile come un libro per bambini, quindi puoi solo dargli un'occhiata. Con altri framework, di solito sei costretto a imparare un lungo elenco di concetti. Nel tempo, Facebook ha notevolmente migliorato la sua documentazione ufficiale di React Native. Di recente, hanno aggiunto la sezione delle nozioni di base, che è un modo davvero intelligente e intelligente per imparare RN perché spiega tutto ciò che devi sapere in un semplice corso accelerato.

Se conosci JavaScript, sei fortunato. React Native utilizza ES6. Non hai ancora familiarità con ES6? Ecco un tutorial che spiega alcune specifiche di ES6 che renderanno molto più semplice lo sviluppo di JavaScript. Usa JSX, che è fondamentalmente come HTML. Gli stili sono molto simili ai CSS, ma sono scritti all'interno dei componenti e non in un unico file separato. Ci sono pro e contro in questo approccio e sono stati scritti molti articoli a riguardo. Quindi, in realtà, tutto ciò che devi sapere è React .

Reagire è facile. Immagina un componente div chiamato "Visualizza" e un altro componente di testo chiamato semplicemente "Testo". Questa è essenzialmente la connessione tra React Native e React.js.

Lo stile è molto simile a CSS, tranne per il fatto che è incluso con il componente stesso e non in un file separato.

È davvero facile, vero? Per cominciare, dovresti conoscere il ciclo di vita di React, gli stati e gli oggetti di scena. Credimi, è tutto in discesa da lì.

3. Offre un ambiente familiare

Ci sono un sacco di strumenti che puoi ancora usare che già conosci come sviluppatore web. Se stai utilizzando DevTool per Chrome, Web Storm, VS Code o Sublime, puoi continuare a utilizzarli o utilizzare l'editor di tua scelta. Dopotutto, stai ancora praticamente scrivendo HTML, CSS e JavaScript.

Sei abituato a transpilare il codice con Webpack, Grunt o Gulp? React Native lo fa per te. ES6 e alcune delle fantastiche funzionalità di ES7, come Object Spread, sono disponibili immediatamente perché RN utilizza il transpiler Babel.

Un'altra cosa che renderà le cose, se non familiari, sicuramente più facili con cui lavorare è Nuclide, un ambiente di sviluppo integrato (IDE) che Facebook sta costruendo per offrire agli sviluppatori un ambiente di sviluppo di prima classe per React Native.
È importante notare che il flusso a cui sei abituato funziona ancora. Proprio come lavorare sul Web, l'aggiornamento di index.html aggiorna l'intera pagina. Hot Reloading ti consente di aggiornare facilmente il codice e vedere immediatamente le modifiche nella tua app. Proprio come sul web. Ancora meglio, premi CMD+D nel simulatore e avrai una serie di opzioni tra cui scegliere.

4. Ha una comunità attiva

Dal momento che questo è tutto un territorio piuttosto nuovo e inesplorato, molti sviluppatori stanno facendo del loro meglio per costruire qualcosa di utile agli altri e svelare il vero potenziale di React Native.

I gruppi di Facebook ti offriranno un'ottima panoramica e ti terranno aggiornato sulle notizie rilevanti, quindi ci sono poche possibilità che ti perdi qualcosa di importante se stai seguendo quei gruppi. Il gruppo più numeroso e attivo è React Native Community, che offre post quotidiani su toolkit, componenti, nuove app e risposte a domande su React Native, dalle domande di base ai seri problemi degli sviluppatori. Questo lo rende un buon posto per raccogliere informazioni e anche imparare qualcosa.

Se sei più un lettore, anche Medium è in piena espansione su React Native. Ci sono alcune pubblicazioni, ma il modo migliore per approfondire è seguire il tag React Native. Quando hai un problema, visita Stack Overflow, dove troverai un sacco di consigli e soluzioni ai problemi. In termini di programmazione in generale, i programmatori sono più o meno abituati a trovare cose a cui qualcuno ha trovato una soluzione. Quando hai problemi con React Native, puoi trovare e riutilizzare immediatamente il codice che qualcun altro ha scritto.

Un esempio di una grande comunità Github è la comunità React Native, che in realtà è molto simile all'eccezionale ReactJS.

Ci sono anche molti eventi in corso incentrati su React Native. Gli eventi più seguiti sono organizzati tramite Meetup. Questi eventi si svolgono in tutto il mondo ogni poche settimane. Il più grande è sicuramente React Native San Francisco, ma al momento in cui scrivo, il più recente era a New York. Ha ospitato più di 100 sviluppatori React Native attivi. Ci sono anche molte conferenze come React Europe, che quest'anno ha avuto 1000 partecipanti !
Complessivamente, React Native ha oltre 40.000 stelle su GitHub e oltre 9.000 fork . I gruppi Facebook ad esso dedicati hanno 7.000 membri , e ogni giorno vengono scritti tanti nuovi articoli a riguardo.

5. Offre un quadro multipiattaforma per il futuro

La parola "multipiattaforma" mi lasciava l'amaro in bocca. Ma fidati, questo è diverso. Con React Native, non stai creando app mobili veramente native; stai creando app per tutte le piattaforme. E quando dico tutte le piattaforme, non intendo solo iOS e Android; Intendo smart TV, console Xbox, dispositivi Windows, tutti i tipi di smartwatch, automobili, visori VR e, diamine, persino frigoriferi.

Per non parlare del fatto che gli smartphone stessi sono diventati macchine potenti. I tempi sono davvero cambiati dall'intero paradigma "mobile-first" e alcuni sviluppatori parlano persino di " native first ".

La tecnologia è ancora piuttosto nuova, ma al momento ci sono alcune eccellenti app React Native. Non sei ancora convinto che sia il quadro del futuro? Guarda questa presentazione e tutto andrà a posto.

Provaci! È tempo di diventare uno sviluppatore mobile

Come abbiamo spiegato, questo framework ha davvero del potenziale, e non solo per gli sviluppatori web. L'intera logica di sviluppo utilizza principi moderni; il flusso di lavoro è efficiente, facile e veloce da imparare; sempre più piattaforme lo stanno utilizzando e tutto questo è solo l'inizio. È qui che entri in gioco: un nuovo sviluppatore React Native, che risolve i problemi e porta nuove idee a questo framework in rapida ascesa del futuro.