installer react native sur ubuntu

Comment installer React Native sur Ubuntu

Partagez sur:

Bienvenue les gars, dans cet article, nous allons apprendre comment installer  React Native sur Ubuntu. Vous devrez suivre toutes les étapes ci-dessous une par une.

Je suppose que vous utilisez une machine Ubuntu et que vous avez un accès administrateur.

1. Installez Node.JS et npm

Tout d’abord, nous devons installer Node.JS et npm pour le développement d’applications mobiles React Native. Passons au terminal.

1.1 Mettre à jour le gestionnaire de paquets APT

sudo apt update

 

1.2 Installez nodejs en utilisant le gestionnaire de paquets apt

Pour installer nodejs, il suffit d’exécuter la commande ci-dessous:

sudo apt install nodejs npm

1.3 Vérifiez l’installation de nodejs en utilisant cette commande

nodejs --version

1.4 Maintenant, installez npm

sudo apt install npm

1.5 Vérifier l’installation de npm

npm --version or npm -v

 



2. De plus, installez React Native CLI




Pour installer React Native CLI, exécutez la commande ci-dessous dans le terminal


npm install -g react-native-cli


Si vous obtenez une erreur comme Impossible de trouver le module «npmlog», vous pouvez installer npm directement à l’aide de cette commande.








Si la commande ci-dessus s’exécute avec succès, il n’est pas nécessaire d’exécuter cette commande


curl -0 -L https://npmjs.org/install.sh | sudo sh


 


3. Installez le kit de développement Java


Pour installer JDK 8, suivez les étapes ci-dessous


3.1 Tout d’abord, nous devons ajouter le PPA d’Oracle


sudo add-apt-repository ppa:webupd8team/java


3.2 Mettez maintenant à jour votre référentiel de paquets.


sudo apt update


Installez maintenant Oracle JDK 1.8, cette version est recommandée pour React Native Development.








Vous pouvez l’installer à l’aide de la commande suivante:


sudo apt install oracle-java8-installer


3.4 Définir la version par défaut


Vous pouvez installer plusieurs versions de Java sur une seule version de machine, pour React Native la version 1.8 du JDK est plus stable.


Par conséquent, nous devrons définir Java 1.8 par défaut, pour cela, exécutez la commande ci-dessous


sudo apt install oracle-java8-set-default


 


3.5 Vérifiez maintenant l’installation de Java


javac -version


 


LIRE AUSSI: Comment générer un APK d’une application React Native ?


4. Environnement de développement Android


La configuration de votre environnement de développement est un peu difficile, je voudrais donc vous suggérer d’aller avec une étape facile.


4.1 Installer Android Studio


Télécharger et installer Android Studio. Si vous connaissez Android Studio, vous pouvez choisir une configuration «personnalisée» lorsque vous êtes invité à sélectionner un type d’installation. Et assurez-vous que les cases à côté de tous les éléments suivants sont cochées:


    

  • SDK Android
    • 

  • Plateforme SDK Android
    • 

  • AVD (appareil virtuel Android)
    • 



Mais je vous recommande personnellement de choisir le type recommandé lors de l’installation.


 


4.2 Maintenant, configurez la variable d’environnement ANDROID_HOME


Nous devons maintenant configurer certaines variables d’environnement. Parce que les outils React Native nécessitent la configuration de certaines variables d’environnement afin de créer des applications avec du code natif.


4.3 Allez au terminal et exécutez la commande


$HOME/.bash_profile


Maintenant, le fichier s’ouvre dans le terminal, copiez la ligne ci-dessous et enregistrez le fichier


export ANDROID_HOME=$HOME/Android/Sdk 
export PATH=$PATH:$ANDROID_HOME/emulator 
export PATH=$PATH:$ANDROID_HOME/tools 
export PATH=$PATH:$ANDROID_HOME/tools/bin 
export PATH=$PATH:$ANDROID_HOME/platform-tools


 


Si vous ne parvenez pas à modifier ce fichier, vous pouvez également exécuter ces commandes sur le terminal


5. Création d’un exemple d’application


Pour ce faire, ouvrez le terminal et allez dans le dossier où vous souhaitez créer un nouveau projet et exécutez la commande ci-dessous


react-native init SampleProject


 


6. Préparation d’Android Device


Vous aurez besoin d’un appareil Android pour exécuter votre application ReactNative. Il peut s’agir d’un appareil Android physique ou virtuel.


6.1 Dispositif physique


Pour exécuter l’application pour l’appareil physique, vous devrez activer le débogage via USB et brancher votre appareil via USB.


 


6.2 Périphérique virtuel (émulateur)


Pour ce faire, ouvrez le studio Android et créez un appareil virtuel et lancez AVD.


6.3 Vérifier que l’appareil est connecté ou n’exécute pas cette commande


adb devices


Après avoir exécuté cette commande, la liste des appareils connectés s’affichera sur le terminal


7. Exécutez l’application native React


Allez dans le dossier du projet


cd SampleProject


 


8. Enfin, exécutez l’application à l’aide de cette commande


react-native run-android


Toutes nos félicitations! Vous avez exécuté avec succès votre première application React Native.


Conclusion


Dans cet article, vous avez comment installer react native sur ubuntu. Si vous avez des questions? faites le moi savoi .



Partagez sur: