Pokémon Donjon Mystère Explorateurs du Ciel

1. Prérequis

Pour configurer votre environnement de développement React Native, vous aurez besoin des éléments suivants :

• Node.js (version 18 ou supérieure)
• Watchman (recommandé, mais pas obligatoire)
• Yarn ou npm (gestionnaire de paquets)
• 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 :

• macOS : Utilisez Homebrew :

brew install node
brew install watchman

• 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 :

choco install nodejs
choco install watchman

• Linux : Utilisez votre gestionnaire de paquets préféré :

sudo apt update
sudo apt install nodejs
sudo apt install watchman

2.2. Yarn ou npm

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.

Vous pouvez télécharger et installer le JDK depuis le site officiel d'Oracle.

2.4. Android Studio

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.

1. Téléchargez et installez Android Studio depuis le site officiel.

2. Lors de l'installation, assurez-vous de cocher les cases suivantes :

   • Android SDK
   • Android SDK Platform
   • Performance (Intel ® HAXM) (recommandé)
   • Android Virtual Device

3. 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 :

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools

• Windows :
  1. Ouvrez le Panneau de configuration.
  2. Cliquez sur "Système et sécurité" > "Système" > "Paramètres système avancés".
  3. Cliquez sur "Variables d'environnement".
  4. 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).
  5. Modifiez la variable système Path et ajoutez les chemins suivants :

%ANDROID_HOME%\emulator
%ANDROID_HOME%\platform-tools

2.5. Xcode

Xcode est l'IDE officiel pour le développement iOS. Il est disponible uniquement sur macOS.

1. Installez Xcode depuis l'App Store.
2. Après l'installation, ouvrez Xcode et acceptez les termes et conditions.
3. 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.

1. Ouvrez un terminal et exécutez la commande suivante :

npx react-native init MonNouveauProjet

Remplacez MonNouveauProjet par le nom de votre projet.

2. 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

1. Démarrez un émulateur Android ou connectez un appareil Android à votre ordinateur.
2. Exécutez la commande suivante :

npx react-native run-android

4.2. iOS

1. Démarrez l'émulateur iOS ou connectez un appareil iOS à votre ordinateur.
2. 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.