Différences entre les versions de « React-native »

De Bside
Aller à la navigation Aller à la recherche
Ligne 55 : Ligne 55 :
'''Félicitation''' vous avez créer votre premier projet ! Prenez un café et manger le fruit mentionné précédement
'''Félicitation''' vous avez créer votre premier projet ! Prenez un café et manger le fruit mentionné précédement


==Mise en place des snapshots périodiques (backups)==
=Lancement de votre projet=
Maintenant que votre projet est lancé, il est temps de le tester sur un appareil Android (c'est quand même le principe du tuto)


=Odoo=
Connecter votre téléphone à votre PC et aurotiser le débogage.</br>
<syntaxhighlight lang="python" line>
Ensuite, ouvrez 2 consoles sur votre PC.</br>
def quick_sort(arr):
 
less = []
Dans la première, tapez la commande suivante :
pivot_list = []
<syntaxhighlight lang="bach" line>
more = []
npx react-native start
if len(arr) <= 1:
</syntaxhighlight>
return arr
 
else:
 
pass
 
<syntaxhighlight lang="bach" line>
npx react-native start
</syntaxhighlight>
</syntaxhighlight>

Version du 20 octobre 2021 à 08:21

Bienvenue sur la page React-Native ! Vous y trouverez comment préparer votre machine et créer votre premier projet !

Préparation de la machine

Pour suivre ce tutoriel dans des conditions optimales, voici les éléments nécessaires :

  • PC Windows ou Linux
  • 8 litres de café
  • Environ 1 heure devant vous
  • Un fruit au choix (selon vos préférences)
  • Un téléphone Android
  • Un cable afin de connecter votre téléphone au PC


Dans un premier temps, vous devez installer les dépendance suivantes :

Ensuite vous devez configurer les variables d’environnement

Variables d'environnement

Linux

Les variables se trouvent ici : $HOME/.bash_profile ou $HOME/.bashrc

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

Windows

Ouvrer le Paneau de control Windows
Cliquer sur le compte utiliateur, ensuite recliquer de nouveau sur le compte utilisateur
Cliquer sur Changer les variables d'environnement
Cliquer sur Nouveau afin de créer la variable ANDROID_HOME qui pointe vers la localisation de votre SDK:

Rn.png

MacOs

Bon chance

Création de votre premier projet

Maintenant que votre machine est prête, nous allons pouvoir rentrer dans le bousin !

Voici la commande afin de créer votre projet :
Attention a bien vous placer dans un dossier dédié à ce projet.
Dans la ligne suivante, MonProjetDuFutur étant le nom de votre projet. 

npx react-native init MonProjetDuFutur

Félicitation vous avez créer votre premier projet ! Prenez un café et manger le fruit mentionné précédement

Lancement de votre projet

Maintenant que votre projet est lancé, il est temps de le tester sur un appareil Android (c'est quand même le principe du tuto)

Connecter votre téléphone à votre PC et aurotiser le débogage.
Ensuite, ouvrez 2 consoles sur votre PC.

Dans la première, tapez la commande suivante : 

npx react-native start


npx react-native start
Récupérée de « https://wiki.bside.be/index.php?title=React-native&oldid=110 »