React Native - Commandes de base expliquées avec des exemples

Vous trouverez ici une liste de commandes de base pour commencer à développer des applications iOS et Android à l'aide de React Native. Si vous ne l'avez pas encore installé, il est fortement recommandé de suivre le guide officiel.

Démarrer un nouveau projet

Il existe différentes manières de démarrer une application native React. Vous pouvez utiliser Expo ou create-react-native-app(qui à son tour utilise Expo-Cli) pour démarrer votre nouveau projet, mais avec cette méthode, vous contrôlez mieux ce qui s'est passé dans votre projet et pouvez communiquer, modifier et écrire vos propres modules avec des bibliothèques natives pour iOS et plate-forme mobile Android.

react-native init [PROJECT-NAME] cd [PROJECT-NAME]

Exécuter l'application dans l'émulateur Android

Cette commande est explicite et comme elle le dit, elle démarrera l'émulateur Android et installera l'application que vous venez de créer. Vous devez être à la racine du projet pour exécuter cette commande.

react-native run-android

Exécuter l'application dans l'émulateur iOS

Cette commande fait exactement la même chose que react-native run-androidmais au lieu de l'émulateur Android, elle ouvre le simulateur iPhone.

react-native run-ios

Lier les dépendances aux projets natifs

Certaines bibliothèques 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 avoir installé une nouvelle bibliothèque, c'est peut-être parce que vous avez ignoré cette étape.

react-native link [LIBRARY-NAME]

Effacer le paquet

Si quelque chose ne fonctionne pas comme prévu, vous devez peut-être effacer et créer un nouveau bundle avec cette commande.

watchman watch-del-all

Décorateurs de soutien

JSX ne prend pas en charge les décorateurs par défaut, vous devez donc installer le plugin Babel pour le faire fonctionner.

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

Exporter l'APK pour l'exécuter dans l'appareil

Avec les commandes suivantes, vous aurez un apk non signé afin que vous puissiez installer et partager avec vos collègues à des fins de test. N'oubliez pas que cet apk n'est pas prêt à être téléchargé sur l'App Store ou en production. Vous trouverez votre apk frais dans android/app/build/outputs/apk/app-debug.apk.

1. Build de débogage de bundle

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 une version de débogage

cd android ./gradlew assembleDebug

Plus de ressources sur React Native:

  • Comment créer des applications mobiles avec React Native
  • Composants fonctionnels ou de classe dans React Native
  • Comment tester les applications natives React avec Jest et Enzyme