{"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":"raisons-pour-lesquelles-react-native-est-lavenir","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/fr\/blog\/application-native\/raisons-pour-lesquelles-react-native-est-lavenir\/","title":{"rendered":"Raisons pour lesquelles React Native est l'avenir"},"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

Nous sommes toujours derri\u00e8re les activit\u00e9s de processus \u00ab\u00a0rapides\u00a0\u00bb, qu'il s'agisse d'argent ou de temps. IOS et Android sont les deux syst\u00e8mes d'exploitation dominants qui dominent actuellement l'ensemble du monde mobile. Les d\u00e9veloppeurs cr\u00e9ent des applications \u00e0 la fois pour les plates-formes offrant une exp\u00e9rience utilisateur am\u00e9lior\u00e9e ou pour des applications rapides \u00e0 d\u00e9velopper et \u00e0 ex\u00e9cuter sur plusieurs plates-formes et appareils. Ils recherchent des cycles de d\u00e9veloppement plus courts, un d\u00e9lai de d\u00e9ploiement plus rapide et de meilleures performances des applications. Par cons\u00e9quent, Facebook a lanc\u00e9 React Native, une plate-forme pour aider les d\u00e9veloppeurs \u00e0 r\u00e9utiliser le code d\u00e9velopp\u00e9 pour iOS ou Android sur d'autres plates-formes \u00e9galement sans avoir \u00e0 commencer \u00e0 coder des applications \u00e0 partir de z\u00e9ro.<\/p>\n

De nombreux d\u00e9veloppeurs savent d\u00e9j\u00e0 que JavaScript, ou HTML5 et CSS, sont regroup\u00e9s dans un conteneur lui permettant de s'ex\u00e9cuter de mani\u00e8re native sur un appareil. Les frameworks d'applications hybrides ont parcouru un long chemin pour combler l'\u00e9cart entre les performances d'une application native et la facilit\u00e9 de d\u00e9veloppement d'une application Web. Cette technologie n'est rien d'autre que le framework de conception d'interface utilisateur (UI) React Native de Facebook. Oui! Bien re\u00e7u! C'est l'avenir !<\/p>\n

    \n

    \n<\/p>

  1. Si l'on compare React Native avec d'autres frameworks JavaScript comme AngulaireJS<\/a> ou MeteorJS, il est plus ax\u00e9 sur l'interface utilisateur, ce qui en fait plus une biblioth\u00e8que JavaScript qu'un framework. Nous obtenons ainsi une sortie tr\u00e8s r\u00e9active et fluide. Inclinez-vous devant les interactions JavaScript asynchrones avec l\u2019environnement natif. Cela permettra aux applications de se charger plus rapidement qu'une application hybride classique et de garantir leur bon fonctionnement sans interruption.<\/li>\n

    \n<\/p>

  2. React Native est open source. La communaut\u00e9 de d\u00e9veloppement le mettra probablement \u00e0 niveau pour le rendre compatible avec d'autres plates-formes comme Windows.<\/li>\n

    \n<\/p>

  3. Il prend en charge les plates-formes IOS et Android, m\u00eame si au d\u00e9but, Facebook n'a d\u00e9velopp\u00e9 React Native que pour prendre en charge iOS et permet aux d\u00e9veloppeurs d'utiliser (r\u00e9utiliser) le m\u00eame code pour d\u00e9velopper des applications pour les deux plates-formes. J'ai entendu dire que Facebook avait utilis\u00e9 React Native pour cr\u00e9er sa propre application Ads Manager, cr\u00e9ant \u00e0 la fois une version iOS et Android.<\/li>\n

    \n<\/p>

  4. Si les d\u00e9veloppeurs ma\u00eetrisent bien Javascript, il sera alors tr\u00e8s facile d'apprendre \u00e0 coder avec React Native. De plus, il s'agit de l'un des meilleurs frameworks JavaScript mobiles qui gagne en popularit\u00e9 aupr\u00e8s des d\u00e9veloppeurs. Vous n'avez pas besoin d'apprendre Swift ou Java pour Android pour iOS. Il vous suffit de conna\u00eetre JavaScript, les API de la plate-forme, certains \u00e9l\u00e9ments d'interface utilisateur natifs et tout autre mod\u00e8le de conception sp\u00e9cifique \u00e0 la plate-forme et vous \u00eates pr\u00eat \u00e0 partir.<\/li>\n

    \n<\/p>

  5. Il prend en charge l'int\u00e9gration de plugins tiers dans notre application. Cela signifie que nous pouvons utiliser les fonctionnalit\u00e9s d\u2019autres applications natives de l\u2019appareil en r\u00e9action native et vice versa. Par cons\u00e9quent, le d\u00e9veloppement d\u2019applications natives est beaucoup plus efficace et React Native est connu pour \u00eatre efficace pour offrir agilit\u00e9, vitesse et une bonne exp\u00e9rience utilisateur globale, ainsi qu\u2019une utilisation moindre de la m\u00e9moire et une exp\u00e9rience plus fluide. React Native apporte toutes les meilleures performances des applications, l'abstraction DOM et les m\u00e9thodes de programmation simplifi\u00e9es de React JS au d\u00e9veloppement mobile hybride.<\/li>\n<\/ol>\n

    Facebook a publi\u00e9 React en 2013 dans le but de partager une technologie et des concepts brillants avec le reste de la communaut\u00e9. Prenez une longueur d\u2019avance avec React Native d\u00e8s aujourd\u2019hui. Si vous d\u00e9butez avec votre D\u00e9veloppement React Native<\/a>, nous avons constat\u00e9 que les packages suivants sont tr\u00e8s utiles lorsque vous d\u00e9marrez pour la premi\u00e8re fois\u00a0:<\/p>\n

    R\u00e9agissez au routeur natif\u00a0: https:\/\/github.com\/t4t5\/react-native-router<\/a>
    R\u00e9agissez aux ic\u00f4nes natives\u00a0:     https:\/\/github.com\/corymsmith\/react-native-icons<\/a>
    Les didacticiels correspondants sont disponibles sur la page native de r\u00e9action de Facebook sur Github.
    Installez le routeur natif React\u00a0:
    Dans le r\u00e9pertoire du projet React Native et ex\u00e9cutez\u00a0:<\/p>\n

    \n

    npm installez r\u00e9agir-native-router \u2013 enregistrer
    Utilisation\u00a0: var Router = require('react-native-router');
    Bases\u00a0:
    var HiReactLovers = React.createClass({
    rendu\u00a0: fonction() {
    revenir Salut les amoureux de React !;
    }
    });<\/p>\n

    \/\/ Votre objet route doit contenir au minimum : Le nom de la route (qui deviendra le titre de la barre de navigation) et l'objet composant de la page \u00e0 restituer<\/p>\n

    var premierRoute = {
    nom\u00a0:\u00a0\u00ab\u00a0Bienvenue\u00a0!\u00a0\u00bb,
    composant\u00a0: HiReactLovers
    };
    \/\/ Le wrapper du routeur
    var MonApp = React.createClass({
    rendre() {
    retour (<\/p>\n

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

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

    Oui! Vous l'avez fait\u00a0!
    \u00c0 partir de la page \u00ab Hi React Lovers ! \u00bb, nous pouvons acc\u00e9der \u00e0 un nouveau composant en appelant\u00a0;
    this.props.toRoute().<\/p>\n

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

    Restez \u00e0 l'\u00e9coute!<\/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

    Abonnez-vous pour les derni\u00e8res mises \u00e0 jour<\/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