Configurer votre linux pour développer en React native

React Native est un framework permettant de développer des applications natives iOS et Android à partir d'un seul code réalisé en React.

Lorsque l'on veut démarrer sur ce développement sur Linux il y a quelques étapes à suivre que nous allons détailler.

La suite des étapes se focalise sur la génération d'une application Android

Installation de la plateforme

Comme React est basé sur du javascript il est nécessaire d'installer la plateforme nodejs et le gestionnaire de package npm

sudo apt install nodejs npm

Installation de la librairie Expo

C'est un outil permettant de mettre générer la structure de votre application React Native

Copier le code
1
2
3
4
5
6
7
sudo npm install -g expo-cli
# Si expo n'est pas reconnu il faut 
sudo root -g
# Mettre ce path dans /.bash_profile
export PATH=$PATH:usr/local/lib/node_modules/expo-cli/bin/
# Reload le terminal et réinstaller la lib 
sudo npm install -g expo-cli

Il ne reste plus qu'à installer votre application

expo init myApp

Configurer votre application

Il est nécessaire d'indiquer les chemins des différentes librairies pour que votre application fonctionne correctement.

On commence par les variables d'environnement

Copier le code
1
2
3
4
5
$ cat ~/.bash_profile 
export PATH=$PATH:/usr/local/lib/node_modules/expo-cli/bin/
export ANDROID_SDK_ROOT=/usr/lib/android-sdk
export PATH=$PATH:$ANDROID_SDK_ROOT/tools
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools

Sans oublier d'ajouter sdk.dir = /usr/lib/android-sdk dans local.properties à la racine de votre projet

Lancement de l'application

Afin que l'exécution de votre application sur votre mobile se réalise bien il faut installer Expo depuis le play store

Ensuite branchez votre PC par USB avec votre mobile en activant le débogage USB dans le mode développeur (une recherche google vous donnera la procédure qui est différente en fonction de votre marque/version)

npm run android 

npm run web

Si vous souhaitez émuler un device il faut installer virtualbox et un outil comme GenMotion

Voilà tout est bien configuré, vous recevrez votre application sur mobile pour tester votre développement React Native en Android