NetDevices vous explique comment installer React Native pour commencer à créer des applications mobiles. En effet, ce framework développé permet de créer des applications mobiles natives pour Android et iOS en utilisant JavaScript & React.
Pour cela, suivez ci-dessous les différentes étapes décrites par votre agence React Native.
Étape 1 : Prérequis
Avant de commencer, assurez-vous d’avoir installé Node.js (version 12 ou ultérieure) avec un gestionnaire de paquets comme npm ou Yarn sur votre système.
La vérification de l’installation de Node.js s’exécute alors en ouvrant un terminal (ou une invite de commande sur Windows) et exécutant la commande « node -v ». Si Node.js n’est pas installé, téléchargez-le à partir de https://nodejs.org et installez-le sur votre système.
Étape 2 : Installer l’outil en ligne de commande React Native (CLI)
Le CLI pour Command Line Interface, de React Native est un outil qui facilite la création, le développement et la gestion de projets React Native. Pour installer le CLI de React Native, il suffit d’ouvrir un terminal et d’exécuter la commande « npm install -g react-native-cli » ou « yarn global add react-native-cli ».
Étape 3 : Créer un nouveau projet React Native
Après avoir installé le CLI, utilisez la commande suivante pour créer un nouveau projet React Native avec le nom de votre choix (par exemple, « MonApplication ») : « react-native init MonApplication ».
Cela engendre la création d’un nouveau dossier avec le nom de votre projet. Il contient alors tous les fichiers nécessaires pour commencer.
Étape 4 : Accéder au dossier du projet
Naviguez ensuite vers le dossier de votre nouveau projet en utilisant la commande « cd » : « cd MonApplication ».
Étape 5 : Exécuter l’application sur un émulateur ou un appareil physique
Pour Android :
- Assurez-vous avant d’avoir bien installé Android Studio et d’avoir configuré l’environnement SDK Android avec les variables d’environnement nécessaires (comme ANDROID_HOME). Pour plus d’informations sur la configuration de l’environnement Android, consultez la documentation officielle : https://reactnative.dev/docs/environment-setup
- Lancez l’émulateur Android (ou connectez un appareil Android physique avec le mode développeur activé).
- Exécutez la commande suivante dans le terminal : « react-native run-android »
Pour iOS :
- Assurez-vous d’avoir installé Xcode disponible sur le Mac App Store.
- Ouvrez le fichier MonApplication.xcworkspace situé dans le dossier ios de votre projet avec Xcode.
- Sélectionnez un simulateur iOS ou connectez un appareil iOS physique.
- Appuyez ensuite sur le bouton « Run » pour lancer l’application.
Félicitations ! L’installation de React Native se termine. Vous pouvez lancer et concevoir votre première application. Il convient aussi de développer des fonctionnalités pour votre application en modifiant les fichiers JavaScript du projet.
Vous souhaitez en savoir plus sur le développement avec React Native ? N’hésitez pas alors à consulter la documentation officielle à l’adresse suivante : https://reactnative.dev/docs/getting-started ou à faire appel à l’expertise de notre agence NetDevices.