JDK (Java Development Kit) version 11 ou supérieure
Android Studio (pour le développement Android)
Xcode (pour le développement iOS)
2. Installation des dépendances
Avant de commencer, assurez-vous d'avoir installé les dépendances nécessaires. Voici les étapes à suivre pour chaque plateforme :
2.1. Node.js et Watchman
Node.js est un environnement d'exécution JavaScript qui permet d'exécuter du code JavaScript en dehors d'un navigateur. Watchman est un outil qui surveille les modifications de fichiers et déclenche des actions en conséquence.
Vous pouvez installer Node.js et Watchman en utilisant les gestionnaires de paquets suivants :
Windows : Téléchargez et installez Node.js depuis le site officiel. Watchman n'est pas officiellement supporté sur Windows, mais vous pouvez essayer de l'installer en utilisant Chocolatey :
Yarn et npm sont des gestionnaires de paquets JavaScript qui permettent d'installer et de gérer les dépendances de votre projet. Vous pouvez choisir d'utiliser l'un ou l'autre.
Pour installer Yarn, suivez les instructions sur le site officiel.
Pour installer npm, il est généralement inclus avec Node.js. Vous pouvez vérifier si npm est installé en exécutant la commande suivante :
npm -v
Si npm n'est pas installé, vous pouvez l'installer en exécutant la commande suivante :
npm install -g npm
2.3. JDK
Le JDK (Java Development Kit) est nécessaire pour le développement Android. Assurez-vous d'avoir installé la version 11 ou supérieure.
Android Studio est l'environnement de développement intégré (IDE) officiel pour le développement Android. Il fournit des outils pour créer, tester et déboguer des applications Android.
Téléchargez et installez Android Studio depuis le site officiel.
Lors de l'installation, assurez-vous de cocher les cases suivantes :
Android SDK
Android SDK Platform
Performance (Intel ® HAXM) (recommandé)
Android Virtual Device
Après l'installation, configurez les variables d'environnement ANDROID_HOME et ajoutez les outils Android à votre PATH.
macOS/Linux : Ajoutez les lignes suivantes à votre fichier ~/.bashrc ou ~/.zshrc :
Cliquez sur "Système et sécurité" > "Système" > "Paramètres système avancés".
Cliquez sur "Variables d'environnement".
Créez une nouvelle variable système nommée ANDROID_HOME et définissez sa valeur sur le chemin de votre SDK Android (par exemple, C:\Users\VotreNomUtilisateur\AppData\Local\Android\Sdk).
Modifiez la variable système Path et ajoutez les chemins suivants :
Après l'installation, ouvrez Xcode et acceptez les termes et conditions.
Installez les outils de ligne de commande Xcode en exécutant la commande suivante :
xcode-select --install
3. Création d'un nouveau projet React Native
Maintenant que vous avez installé les dépendances nécessaires, vous pouvez créer un nouveau projet React Native.
Ouvrez un terminal et exécutez la commande suivante :
npx react-native init MonNouveauProjet
Remplacez MonNouveauProjet par le nom de votre projet.
Accédez au répertoire de votre projet :
cd MonNouveauProjet
4. Exécution de l'application
Vous pouvez exécuter votre application sur un émulateur ou sur un appareil physique.
4.1. Android
Démarrez un émulateur Android ou connectez un appareil Android à votre ordinateur.
Exécutez la commande suivante :
npx react-native run-android
4.2. iOS
Démarrez l'émulateur iOS ou connectez un appareil iOS à votre ordinateur.
Exécutez la commande suivante :
npx react-native run-ios
Conclusion
Félicitations ! Vous avez configuré avec succès votre environnement de développement React Native et exécuté votre première application. Vous êtes maintenant prêt à commencer à développer des applications mobiles avec React Native.
