{"id":8656,"date":"2016-08-10T11:20:37","date_gmt":"2016-08-10T11:20:37","guid":{"rendered":"https:\/\/dev.railscarma.com\/reasons-why-react-native-is-the-future\/"},"modified":"2022-08-30T11:57:02","modified_gmt":"2022-08-30T11:57:02","slug":"ragioni-per-cui-reagire-nativo-e-il-futuro","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/it\/blog\/applicazione-nativa\/ragioni-per-cui-reagire-nativo-e-il-futuro\/","title":{"rendered":"Ragioni per cui React Native \u00e8 il futuro"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Siamo sempre a favore di attivit\u00e0 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\u00f9 piattaforme e dispositivi e sono alla ricerca di cicli di sviluppo pi\u00f9 brevi, tempi di distribuzione pi\u00f9 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.<\/p>\n

Molti sviluppatori sanno gi\u00e0 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\u00e0 di sviluppo di un'app Web; questa tecnologia non \u00e8 altro che il framework di progettazione dell'interfaccia utente (UI) React Native di Facebook. S\u00cc! Ricevuto! \u00c8 il futuro!<\/p>\n

    \n

    \n<\/p>

  1. Se confrontiamo React Native con altri framework JavaScript come AngularJS<\/a> o MeteorJS, \u00e8 pi\u00f9 focalizzato sull'interfaccia utente, rendendolo pi\u00f9 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\u00e0 s\u00ec che le app si carichino pi\u00f9 velocemente di una tipica app ibrida e le manterr\u00e0 funzionanti senza intoppi e senza interruzioni.<\/li>\n

    \n<\/p>

  2. React Native \u00e8 open source. Probabilmente la comunit\u00e0 di sviluppo lo aggiorner\u00e0 per renderlo compatibile con altre piattaforme come Windows.<\/li>\n

    \n<\/p>

  3. 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.<\/li>\n

    \n<\/p>

  4. Se gli sviluppatori sono bravi con Javascript, sar\u00e0 molto facile imparare a programmare utilizzando React Native. Inoltre, \u00e8 uno dei migliori framework JavaScript mobili che sta diventando sempre pi\u00f9 popolare tra gli sviluppatori. Non \u00e8 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.<\/li>\n

    \n<\/p>

  5. Supporta l'integrazione di plugin di terze parti nella nostra app. Ci\u00f2 significa che possiamo utilizzare la funzionalit\u00e0 di altre app native del dispositivo in modo nativo e viceversa. Pertanto lo sviluppo di app native \u00e8 molto pi\u00f9 efficiente e React Native \u00e8 noto per essere efficace nel fornire agilit\u00e0, velocit\u00e0 e una buona esperienza utente complessiva, oltre a un minore utilizzo della memoria e un'esperienza pi\u00f9 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.<\/li>\n<\/ol>\n

    Facebook ha rilasciato React nel 2013 con l'obiettivo di condividere un brillante pezzo di tecnologia e concetti con il resto della comunit\u00e0. Anticipa la curva con React Native oggi stesso. Se stai iniziando con il tuo Reagire allo sviluppo nativo<\/a>, abbiamo scoperto che i seguenti pacchetti sono di grande aiuto quando si avvia per la prima volta:<\/p>\n

    Reagisci al router nativo: https:\/\/github.com\/t4t5\/react-native-router<\/a>
    Reagisci alle icone native:     https:\/\/github.com\/corymsmith\/react-native-icons<\/a>
    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:<\/p>\n

    \n

    npm installa react-native-router \u2013save
    Utilizzo: var Router = require('react-native-router');
    Nozioni di base:
    var HiReactLovers = React.createClass({
    rendering: funzione() {
    return Ciao React Lovers!;
    }
    });<\/p>\n

    \/\/ L'oggetto del percorso dovrebbe contenere almeno: Il nome del percorso (che diventer\u00e0 il titolo della barra di navigazione) e l'oggetto componente per la pagina da visualizzare<\/p>\n

    var firstRoute = {
    nome: "Benvenuto!",
    componente: HiReactLovers
    };
    \/\/ Il wrapper del router
    var MiaApp = React.createClass({
    rendere() {
    ritorno (<\/p>\n

    )
    }
    });<\/p>\n

    AppRegistry.registerComponent('routerTest', () => MiaApp);<\/p>\n<\/blockquote>\n

    S\u00cc! Ce l'hai fatta!
    Dalla pagina \u201cHi React Lovers!\u201d possiamo navigare verso un nuovo componente chiamando;
    this.props.toRoute().<\/p>\n

    Di pi\u00f9: https:\/\/github.com\/t4t5\/react-native-router<\/a><\/p>\n

    Rimani sintonizzato!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Iscriviti per gli ultimi aggiornamenti<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \t\t\t\t\t