Cetuto vous aidera à installer et à créer votre première application React Native.
Si vous êtes nouveau dans le développement mobile, la façon la plus simple de commencer est avec Expo CLI. Expo est un ensemble d’outils construits autour de React Native et, bien qu’il ait de nombreuses fonctionnalités, la plus pertinente pour nous en ce moment est qu’il peut vous faire écrire une application React Native en quelques minutes. Vous n’aurez besoin que d’une version récente de Node.js et d’un téléphone ou d’un émulateur. Si vous souhaitez essayer React Native directement dans votre navigateur web avant d’installer des outils, vous pouvez essayer Snack.
Si vous êtes déjà familiarisé avec le développement mobile, vous pouvez utiliser React Native CLI. Il nécessite Xcode ou Android Studio pour démarrer. Si vous avez déjà installé l’un de ces outils, vous devriez pouvoir être opérationnel en quelques minutes. S’ils ne sont pas installés, vous devez vous attendre à passer environ une heure à les installer et à les configurer.
En supposant que vous avez installé Node 14 LTS ou plus, vous pouvez utiliser npm pour installer l’utilitaire de ligne de commande Expo CLI :
npm install -g expo-cli
Exécutez ensuite les commandes suivantes pour créer un nouveau projet React Native appelé « monApp » :
expo init monApp
cd monApp
npm start
tu peux utiliser aussi : expo start
si cela ne marche pas vous pouvez essayer :
expo init monApp--template blank
Cela va démarrer un serveur de développement pour vous.
Exécution de votre application React Native
Installez l’application client Expo sur votre téléphone iOS ou Android et connectez-vous au même réseau sans fil que votre ordinateur. Sur Android, utilisez l’appli Expo pour scanner le code QR de votre terminal afin d’ouvrir votre projet. Sur iOS, utilisez le scanner de codes QR intégré de l’application Appareil photo.
Modifier votre application mobile React Native
Maintenant que vous avez réussi à exécuter l’application, modifions-la. Ouvrez App.js dans l’éditeur de texte de votre choix et modifiez quelques lignes. L’application devrait se recharger automatiquement une fois que vous aurez enregistré vos modifications.
Félicitations ! Vous avez réussi à exécuter et à modifier votre première application React Native.
Et maintenant ?
L’Expo dispose également de documents que vous pouvez consulter si vous avez des questions spécifiques à l’outil. Vous pouvez également demander de l’aide sur les forums d’Expo.
Ces outils vous aident à démarrer rapidement, mais avant de vous engager à construire votre application avec Expo CLI, lisez les limitations.
Si vous rencontrez un problème avec Expo, avant de créer un nouveau problème, vérifiez s’il n’existe pas déjà un problème à ce sujet :
- dans les problèmes de l’Expo CLI (pour les problèmes liés à l’Expo CLI), ou
- dans les problèmes d’Expo (pour les problèmes concernant le client ou le SDK d’Expo).
Si vous êtes curieux d’en savoir plus sur React Native, consultez l’introduction à React Native.
Lancer votre application sur un simulateur ou un appareil virtuel
Expo CLI vous permet d’exécuter votre application React Native sur un appareil physique sans avoir à configurer un environnement de développement. Si vous souhaitez exécuter votre application sur le simulateur iOS ou sur un appareil virtuel Android, veuillez consulter les instructions de « React Native CLI Quickstart » pour savoir comment installer Xcode ou configurer votre environnement de développement Android.
Une fois ces éléments configurés, vous pouvez lancer votre application sur un dispositif virtuel Android en exécutant npm run android, ou sur le simulateur iOS en exécutant npm run ios (macOS uniquement).