Guide natif de React

Réagir natif

React Native est un framework multiplateforme permettant de créer des applications mobiles pouvant s'exécuter 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 objectif le plus courant - les applications Android et iOS.

Table des matières

  • Qu'est-ce que React Native?
  • Raisons de choisir React Native
  • Comment démarrer avec React Native

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 l'écriture d'une application native.

Il vous donne é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 ne savez pas comment cela fonctionne, 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 un code basé sur un partage entre les deux plates-formes.
  2. Réutiliser les outils et compétences Web  - Réutilisez les connaissances, les outils et les utilitaires JavaScript commeaxiosRedux et d'autres bibliothèques qui ne nécessitent pas le DOM du Web.
  3. Optimisé pour la productivité des développeurs  - Livré avec des fonctionnalités telles que le rechargement de modules à chaud / en direct et des outils de développement Chrome pour le débogage prêt à l'emploi!
  4. Performances  - Fonctionne mieux que les frameworks d'applications hybrides comme Ionic et Cordova car il n'utilise pas de vues Web.
  5. Soutien des entreprises  - Beaucoup d'entreprises soutiennent et contribuent à React autochtonesy compris WalMart, Airbnb, Wix, et, bien sûr, Facebook.
  6. Communauté  - React Native a une communauté importante (et croissante) 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 du système d'exploitation de votre téléphone. En d'autres termes, l'interface utilisateur (UI) de l'application est entièrement native!
  8. Multiplateforme - Excellent moyen de prototyper et de gagner du temps tout en créant une interface utilisateur universelle ou une application mobile spécifique à la plate-forme pouvant fonctionner sur les appareils iOS et Android.

Comment démarrer avec React Native

Il existe deux façons simples et rapides de démarrer avec React Native. Selon votre situation, l'une d'entre elles peut être une meilleure option pour vous.

  1. Create React Native App - Similaire à Create React App, il est opérationnel à l'aide du terminal.
  2. Expo - Idéal pour le prototypage d'une application ou s'il s'agit d'une étape antérieure. En utilisant Expo, vous pouvez même créer une application rapide en utilisant les fonctionnalités de glisser-déposer de snack.expo.io dans le navigateur.

Plus de ressources sur React Native:

  • Comment créer des applications mobiles avec React Native
  • Composants fonctionnels ou de classe dans React Native
  • Comment tester les applications natives React avec Jest et Enzyme