Article original : React Native Guide

React Native

React Native est un framework multiplateforme pour créer des applications mobiles qui peuvent fonctionner en dehors du navigateur — le plus souvent des applications iOS et Android.

Il peut également être utilisé pour créer des applications sur des appareils Windows, des systèmes d'exploitation de bureau et des applications Apple TV, mais ce guide ne couvrira que son utilisation la plus courante — les applications Android et iOS.

Table des matières

Qu'est-ce que React Native ?

React Native se situe entre les applications natives et hybrides sur le spectre des applications mobiles. L'interface utilisateur que vous créez est entièrement native et les performances globales de l'application sont presque aussi bonnes que celles d'une application native.

Il vous offre également la flexibilité d'intégrer des vues web (pages web) ou du code natif (Java/Kotlin pour Android, Objective C/Swift pour iOS) dans vos applications où vous le souhaitez.

Il suit le même modèle que React où les vues (ce que vous voyez à l'écran) sont rendues à partir des fichiers JavaScript. La différence est qu'il fournit sa propre API pour gérer les vues mobiles natives par rapport au DOM sur le web.

Si vous êtes confus sur le fonctionnement de cela, suivez ce guide sur freeCodeCamp et il vous guidera étape par étape à travers ces concepts.

Raisons de choisir React Native

  1. Réutilisation du code — Il utilise une base de code unique qui est partagée entre les deux plateformes.
  2. Réutilisation des outils et compétences web — Réutilisez les connaissances JavaScript, les outils et les utilitaires comme axios, Redux et d'autres bibliothèques qui n'ont pas besoin du DOM du web.
  3. Optimisé pour la productivité des développeurs — Il est livré avec des fonctionnalités comme le rechargement de modules à chaud/en direct et les outils de développement Chrome pour le débogage dès la sortie de la boîte !
  4. Performance — Il performe mieux que les frameworks d'applications hybrides comme Ionic et Cordova puisqu'il n'utilise pas de vues web.
  5. Soutien corporatif — De nombreuses entreprises soutiennent et contribuent à React Native, y compris Walmart, Airbnb, Wix et, bien sûr, Facebook.
  6. Communauté — React Native dispose d'une grande communauté (et en croissance) avec plus de 1500 contributeurs au projet principal et des milliers d'autres qui contribuent à diverses bibliothèques.
  7. Meilleure expérience utilisateur — React Native utilise le code JavaScript pour rendre les composants natifs de votre système d'exploitation de téléphone. En d'autres termes, l'interface utilisateur (UI) de l'application est entièrement native !
  8. Multiplateforme — Excellente façon de prototyper et de gagner du temps tout en créant une interface utilisateur universelle ou une application mobile spécifique à une plateforme qui peut fonctionner sur les appareils iOS et Android.

Comment commencer avec React Native

Il existe deux moyens rapides et faciles de commencer avec React Native. Selon votre situation, l'un peut être une meilleure option pour vous.

  1. Create React Native App — Similaire à Create React App, il se lance et s'exécute en utilisant le terminal.
  2. Expo — Idéal pour prototyper une application ou si elle est à un stade précoce. En utilisant Expo, vous pouvez même créer une application rapide en utilisant des fonctionnalités de glisser-déposer depuis snack.expo.io dans le navigateur.

Plus de ressources sur React Native :