Accueil / TUTORIELS / Programmation / Les commandes de bases du framework React-Native

Les commandes de bases du framework React-Native

React-Native dévient de plus en plus utilisé pour les projets d’applications mobiles. Et sachant que la communauté ne cesse de s’accroître autour de ce framework, Kivu Makers vous a concocté cet article listant les commandes de bases du framework React-Native. Pour ceux qui ne l’ont pas encore installé, il est fortement recommandé de suivre la procedure sur le site officiel.

Lire aussi Comment lancer son projet react-native sur un émulateur Android Genymotion sous Windows

Configurer un nouveau projet

Il existe plusieurs plusieurs manières pour lancer un projet d’application React-Native. Vous pouvez soit, utiliser Expo or create-react-native-app (Qui à son tours utilise l’Expo-CLI) pour initialiser votre nouveau projet, mais avec cette methode vous avez plus de contrôle sur l’evolution de votre projet et vous pouvez communiquer, lire et ecrire vos propres modules avec les librairies natives pour les plateformes Android et IOS.

react-native init [NOM-DU-PROJET]
cd [NOM-DU-PROJET]

Lancer l’application sur un émulateur Android

Cette commande s’explique d’elle même et le processus consiste à lancer l’émulateur Android et y installer l’application que vous venez de créer. Vous dévez seulement être dans le repertoire (dossier) de votre projet pour executer cette commande.

react-native run-android

Lancer l’application sur un émulateur IOS

Cette commande fait exactement la même chose que react-native run-android mais cependant au lieu de lancer l’émulateur Android, c’est celui d’IOS qui s’ouvre

react-native run-ios

Ajouter des dépendances au projet

Certaines librairies ont des dépendances qui doivent être liées dans le code natif généré pour React Native. Si quelque chose ne fonctionne pas après avois installé une nouvelle librairie, il se peut que vous ayez sauté cette etape.

react-native link [LIBRARY-NAME]

Effacer un paquet

Si un paquet ne fonctionne pas comme prévu, il est parfois utile de l’effacer et de créer un nouveau en utilisant cette commande

watchman watch-del-all

Ajouter les décorateurs

Le JSX ne supporte pas les décorateurs par défaut, sur ce vous devez installer l’extention Babel pour qu’ils soient supportés.

npm install babel-plugin-transform-decorators-legacy --save
npm install babel-plugin-transform-class-properties --save

Exporter un projet en version APK pour qu’il tourne dans un périphérique

Avec les commmandes suivantes vous obtiendrez des applications non signées que vous pouvez installer et partager avec des collégues pour tester les fonctionnalités. Juste pour rappel, cette application n’est pas prête à être publiée sur l’Appstore ou pour entrer en production. Votre apk se trouver a dans le repertoire suivant android/app/build/outputs/apk/app-debug.apk

1. Deboguer le build d’un paquet

react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

2. Créer un test de Build

cd android

./gradlew assembleDebug

Nous espérons que cet article vous sera utile et n’hésitez pas à laisser un commentaire si vous avez un problème.

Recevez un eBook Gratuit d'Ethical Hacking
Entrez votre adresse email et cliquez sur le bouton demarer
J'accepte que mes informations personnelles soient protegés
Nous respectons votre vie privée

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *