Cinq raisons pour lesquelles les développeurs Web aiment React Native

React Native est l'avenir du développement d'applications modernes

De plus en plus de développeurs Web se lancent dans l'écosystème de création d'applications. Selon stateofjs.com, 78 % des développeurs souhaitent en savoir plus sur le nouveau venu : React Native. De plus, React Native a un taux d' intérêt élevé de 92 % et pour une très bonne raison.

Comme vous le savez probablement, il existe quelques autres solutions multiplateformes, comme Cordova et PhoneGap, mais elles ont un prix : le prix de ne compter que sur le navigateur du téléphone et son moteur JavaScript intégré, qui est souvent beaucoup plus lent que exécutant du code natif, comme le fait React Native.

Alors, qu'est-ce qui rend React Native si spécial ? Voici une liste des cinq principales choses qui intéresseront principalement les développeurs Web.

1. Vous pouvez créer des applications natives

Comme vous l'avez probablement deviné d'après le nom lui-même, React Native vous permet de créer des applications natives. Cordova et d'autres types de frameworks, comme Sencha Touch ou Ionic, sont des solutions hybrides, et avec eux, vous n'obtiendrez jamais l'apparence d'une application native.

Ce sont les petites choses qui comptent : défilement fluide ou accéléré, transitions entre les écrans, animations totalement personnalisées, navigation personnalisée, etc. Si vous avez déjà travaillé avec React sur le Web, vous allez vous régaler car vous vous sentirez comme chez vous.

Même si vous écrivez du JavaScript, vous n'utilisez pas la vue Web pour rendre les composants. React Native rend de vrais composants natifs et vous pouvez utiliser des composants spécifiques à la plate-forme, comme l'indicateur d'activité, qui donneront à chaque plate-forme une apparence reconnaissable. Auparavant, le principal problème de la technologie hybride était que le navigateur intégré ne fonctionnait pas assez bien. Il n'était pas optimisé et offrait des performances médiocres.

D'un point de vue technologique, le plus grand concurrent de RN est Xamarin , qui vous permet de développer des applications pour de nombreuses plateformes : Mac, Windows, iOS, Android, Windows Phone, etc. Native Script fonctionne également de la même manière.

Xamarin, par exemple, est génial car il a un IDE (VS) soigné, mais vous devez utiliser C#. Étant donné que vous êtes un développeur Web, vous ne connaissez probablement pas très bien C # et vous êtes probablement plus familier avec JavaScript.

React Native fonctionne de manière similaire à JavaScript puisque vous écrivez du code avec JS lui-même (vous pouvez également utiliser Angular.js, par exemple). De plus, JS a été étonnamment mis à niveau avec des normes telles que ES6 et ES7. Sans parler de la taille et de la puissance de la communauté JS.

Je recommande cette conférence comme introduction à React Native afin que vous puissiez apprendre comment cela fonctionne.
https://www.youtube.com/watch?v=KVZ-P-ZI6W4
Ou si vous êtes plutôt un lecteur, essayez de lire cet article de blog.

2. C'est facile à apprendre

C'est toujours une bonne chose, non ? C'est aussi l'une des plus grandes forces de React Native. Il se lit comme un livre pour enfants, vous n'avez donc qu'à y jeter un coup d'œil. Avec d'autres frameworks, vous êtes généralement obligé d'apprendre une longue liste de concepts. Au fil du temps, Facebook a considérablement amélioré sa documentation officielle React Native. Récemment, ils ont ajouté la section de base, qui est une façon vraiment astucieuse et intelligente d'apprendre RN, car elle explique tout ce que vous devez savoir dans un cours accéléré simple.

Si vous connaissez JavaScript, vous avez de la chance. React Native utilise ES6. Vous n'êtes toujours pas familier avec ES6 ? Voici un tutoriel expliquant certaines spécificités ES6 qui faciliteront grandement votre développement JavaScript. Il utilise JSX, qui est fondamentalement comme HTML. Les styles sont très similaires au CSS, mais ils sont écrits dans des composants et non dans un seul fichier séparé. Il y a des avantages et des inconvénients à cette approche, et de nombreux articles ont été écrits à ce sujet. Donc vraiment, tout ce que vous devez savoir, c'est React .

Réagir est facile. Imaginez un composant div nommé "View" et un autre composant text simplement nommé "Text". Il s'agit essentiellement de la connexion entre React Native et React.js.

Le style est très similaire à CSS, sauf qu'il est inclus avec le composant lui-même et non dans un fichier séparé.

C'est vraiment facile, n'est-ce pas ? Pour commencer, vous devez en savoir plus sur le cycle de vie, les états et les accessoires de React. Croyez-moi, tout est en descente à partir de là.

3. Il offre un environnement familier

Il existe un tas d'outils que vous pouvez toujours utiliser et que vous connaissez déjà en tant que développeur Web. Si vous utilisez DevTool pour Chrome, Web Storm, VS Code ou Sublime, vous pouvez continuer à les utiliser ou utiliser l'éditeur de votre choix. Après tout, vous écrivez encore pratiquement du HTML, du CSS et du JavaScript.

Vous avez l'habitude de transpiler le code avec Webpack, Grunt ou Gulp ? React Native le fait pour vous. ES6 et certaines des fonctionnalités intéressantes d'ES7, comme Object Spread, sont disponibles dès la sortie de la boîte car RN utilise le transpileur Babel.

Nuclide, un environnement de développement intégré (IDE) que Facebook construit pour offrir aux développeurs un environnement de développement de première classe pour React Native, rendra les choses plus faciles à utiliser.
Il est important de noter que le flux auquel vous êtes habitué fonctionne toujours. Tout comme travailler sur le Web, la mise à jour de index.html met à jour toute la page. Le rechargement à chaud vous permet d'actualiser facilement le code et de voir instantanément les modifications apportées à votre application. Tout comme sur le web. Mieux encore, appuyez sur CMD + D dans le simulateur et vous aurez le choix entre plusieurs options.

4. Il a une communauté active

Comme il s'agit d'un territoire assez nouveau et inexploré, de nombreux développeurs font de leur mieux pour créer quelque chose d'utile pour les autres et dévoiler le véritable potentiel de React Native.

Les groupes Facebook vous donneront un excellent aperçu et vous tiendront au courant des nouvelles pertinentes, il y a donc peu de chances que vous manquiez quelque chose d'important si vous suivez ces groupes. Le groupe le plus important et le plus actif est React Native Community, qui propose des publications quotidiennes sur les boîtes à outils, les composants, les nouvelles applications et des réponses aux questions sur React Native, des questions de base aux problèmes graves des développeurs. Cela en fait un bon endroit pour recueillir des informations et apprendre quelque chose aussi.

Si vous êtes plutôt un lecteur, Medium est également en plein essor à propos de React Native. Il existe quelques publications, mais la meilleure façon de creuser est de suivre la balise React Native. Lorsque vous rencontrez un problème, visitez Stack Overflow, où vous trouverez une tonne de conseils et de solutions aux problèmes. En termes de programmation en général, les programmeurs sont plus ou moins habitués à trouver des choses auxquelles quelqu'un a trouvé une solution. Lorsque vous rencontrez des problèmes avec React Native, vous pouvez trouver et réutiliser instantanément le code que quelqu'un d'autre a écrit.

Un exemple d'une grande communauté Github est la communauté React Native, qui est en fait très similaire à l'exceptionnel ReactJS.

Il y a aussi beaucoup d'événements qui se concentrent sur React Native. Les événements les plus populaires sont organisés via Meetups. Ces événements ont lieu partout dans le monde toutes les quelques semaines. Le plus important est sans aucun doute React Native San Francisco, mais au moment d'écrire ces lignes, le plus récent était à New York. Il a hébergé plus de 100 développeurs React Native actifs. Il y a aussi plein de conférences comme React Europe qui a eu 1000 participants cette année !
Dans l'ensemble, React Native compte plus de 40 000 étoiles sur GitHub et plus de 9 000 fourches . Les groupes Facebook qui lui sont dédiés comptent 7 000 membres et de nombreux nouveaux articles sont écrits à ce sujet chaque jour.

5. Il offre un cadre multiplateforme pour l'avenir

Le mot « multiplateforme » me laissait un mauvais goût dans la bouche. Mais croyez-moi, c'est différent. Avec React Native, vous ne créez pas d'applications mobiles véritablement natives ; vous créez des applications pour toutes les plates-formes. Et quand je dis toutes les plateformes, je ne parle pas seulement d'iOS et d'Android ; Je veux dire des téléviseurs intelligents, des consoles Xbox, des appareils Windows, toutes sortes de montres intelligentes, des voitures, des casques VR et diable, même des réfrigérateurs.

Cela ne veut pas dire que les smartphones eux-mêmes sont devenus des machines puissantes. Les temps ont vraiment changé depuis tout le paradigme « mobile-first », et certains développeurs parlent même de « native first ».

La technologie est encore assez nouvelle, mais il existe actuellement d'excellentes applications React Native. Vous n'êtes toujours pas convaincu qu'il s'agit du cadre du futur ? Regardez cette présentation et tout se mettra en place.

Essayez! Il est temps de devenir développeur mobile

Comme nous l'avons expliqué, ce framework a vraiment du potentiel, et pas seulement pour les développeurs Web. Toute la logique de développement utilise des principes modernes ; le flux de travail est efficace, facile et rapide à apprendre ; de plus en plus de plates-formes l'utilisent, et tout cela n'est qu'un début. C'est là que vous entrez en jeu : un nouveau développeur React Native, qui résout les problèmes et apporte de nouvelles idées à ce cadre du futur en plein essor.