Pour cela, je vais à nouveau créer un tout nouveau projet avec expo, expo init puis un nom de votre
choix et je vais le nommer rn-complete-guide car au final, c'est un guide React Native complet que vous
'' Je suis arrivé ici et je vais commencer avec le modèle vierge
ici, donc cette première option dans mon cas ici. En ce qui concerne le nom, je vais nommer ce guide rn
mais vous pouvez choisir n'importe quel nom que vous voulez ici, appuyez simplement sur entrée et je vais aller avec npm, pas avec du fil et maintenant comme dans la
première section du cours, cela créera un nouveau projeter et configurer une application React Native là-dedans.
Attendons donc que cela se termine et que cela soit terminé,
vous pouvez suivre ces instructions, mais je ne le ferai pas ici, à la place, je suis de retour dans Visual Studio Code,
toujours avec ma première application de la première section ouverte et je vais ouvrez le nouveau
maintenant, celui que nous venons de créer et voici le projet ouvert dans Visual Studio Code.
J'ai parcouru tous les fichiers et dossiers de base que nous avons ici dans le premier module
de cours, donc
je ne répéterai pas cela ici et avec celui ouvert ici dans Visual Studio Code, je vais maintenant réellement aller
dans le menu et ensuite choisir terminal , nouveau terminal pour ouvrir mon terminal système ou l'invite de commande système en fonction du
système d'exploitation sur lequel vous travaillez ici dans l'IDE, c'est
donc votre invite de commande normale, votre terminal normal vient d'être intégré à l'IDE et déjà navigué dans ce dossier de projet
, vous n'avez donc pas besoin d'utiliser cd pour naviguer ailleurs et maintenant je vais
lancer npm start et cela fera la même chose que si je l'avais exécuté
ici, la différence est maintenant que je vois toujours des erreurs ou des messages de journal directement ici dans l'EDI qui est plus
pratique pour travailler avec.
Nous avons toujours ce processus que vous devez continuer à exécuter pour obtenir ces mises à jour en direct lorsque vous enregistrez quelque chose.
Vous voyez les commandes que vous pouvez taper ici ou les raccourcis sur lesquels vous pouvez appuyer
pour lancer votre application sur des émulateurs et vous avez également cet onglet de navigateur en place pour votre application, les outils de développement expo.
Maintenant, j'ai deux émulateurs opérationnels ici, Android et iOS, vous n'en avez pas besoin bien sûr, mais je veux vous
montrer comment cette application fonctionne sur les
deux et je peux exécuter cette application sur Android en appuyant sur un ici dans le terminal et Je peux également l'exécuter sur iOS en
appuyant sur I et j'ai fait les deux ici.
Alternativement, nous aurions pu utiliser ces boutons ici dans les outils de développement expo du navigateur.
Alors maintenant, cela lance l'application ici sur ces appareils, sur le simulateur Android et iOS et je serai de
retour une fois terminé car le premier lancement prend toujours
un peu plus de temps, les reconstructions suivantes, les rechargements sont bien plus rapides bien sûr et ici, nous obtenons cette application de démarrage en
cours d'exécution sur ces émulateurs.
Maintenant, au cas où cela vous semble un peu différent, vous trouverez ci-joint mon projet de départ exactement de la
même manière que je l'ai ici afin que vous puissiez
également l'utiliser, remplacer les fichiers de votre projet
par le mien, puis si vous exécutez npm start, obtenez ce look ici.
C'est donc le projet de départ sur lequel nous allons maintenant construire et nous allons maintenant travailler.