1 00:00:02,270 --> 00:00:07,850 Pour cela, je vais à nouveau créer un tout nouveau projet avec expo, expo init puis un nom de votre 2 00:00:07,880 --> 00:00:13,040 choix et je vais le nommer rn-complete-guide car au final, c'est un guide React Native complet que vous 3 00:00:13,040 --> 00:00:16,790 '' Je suis arrivé ici et je vais commencer avec le modèle vierge 4 00:00:16,810 --> 00:00:22,700 ici, donc cette première option dans mon cas ici. En ce qui concerne le nom, je vais nommer ce guide rn 5 00:00:22,700 --> 00:00:29,570 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 6 00:00:29,570 --> 00:00:33,390 première section du cours, cela créera un nouveau projeter et configurer une application React Native là-dedans. 7 00:00:33,410 --> 00:00:37,120 Attendons donc que cela se termine et que cela soit terminé, 8 00:00:37,120 --> 00:00:44,040 vous pouvez suivre ces instructions, mais je ne le ferai pas ici, à la place, je suis de retour dans Visual Studio Code, 9 00:00:44,100 --> 00:00:49,020 toujours avec ma première application de la première section ouverte et je vais ouvrez le nouveau 10 00:00:49,030 --> 00:00:53,750 maintenant, celui que nous venons de créer et voici le projet ouvert dans Visual Studio Code. 11 00:00:53,760 --> 00:00:58,660 J'ai parcouru tous les fichiers et dossiers de base que nous avons ici dans le premier module 12 00:00:58,660 --> 00:00:59,770 de cours, donc 13 00:00:59,970 --> 00:01:05,820 je ne répéterai pas cela ici et avec celui ouvert ici dans Visual Studio Code, je vais maintenant réellement aller 14 00:01:05,820 --> 00:01:12,420 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 15 00:01:12,420 --> 00:01:15,270 système d'exploitation sur lequel vous travaillez ici dans l'IDE, c'est 16 00:01:15,300 --> 00:01:21,660 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 17 00:01:21,660 --> 00:01:26,220 , vous n'avez donc pas besoin d'utiliser cd pour naviguer ailleurs et maintenant je vais 18 00:01:26,290 --> 00:01:30,520 lancer npm start et cela fera la même chose que si je l'avais exécuté 19 00:01:30,590 --> 00:01:37,230 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 20 00:01:37,230 --> 00:01:38,630 pratique pour travailler avec. 21 00:01:38,700 --> 00:01:44,360 Nous avons toujours ce processus que vous devez continuer à exécuter pour obtenir ces mises à jour en direct lorsque vous enregistrez quelque chose. 22 00:01:44,370 --> 00:01:50,130 Vous voyez les commandes que vous pouvez taper ici ou les raccourcis sur lesquels vous pouvez appuyer 23 00:01:51,260 --> 00:01:59,030 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. 24 00:01:59,030 --> 00:02:05,060 Maintenant, j'ai deux émulateurs opérationnels ici, Android et iOS, vous n'en avez pas besoin bien sûr, mais je veux vous 25 00:02:05,060 --> 00:02:07,380 montrer comment cette application fonctionne sur les 26 00:02:07,440 --> 00:02:15,240 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 27 00:02:15,240 --> 00:02:18,180 appuyant sur I et j'ai fait les deux ici. 28 00:02:18,180 --> 00:02:23,450 Alternativement, nous aurions pu utiliser ces boutons ici dans les outils de développement expo du navigateur. 29 00:02:23,610 --> 00:02:29,430 Alors maintenant, cela lance l'application ici sur ces appareils, sur le simulateur Android et iOS et je serai de 30 00:02:29,430 --> 00:02:32,420 retour une fois terminé car le premier lancement prend toujours 31 00:02:32,460 --> 00:02:39,830 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 32 00:02:39,830 --> 00:02:41,560 cours d'exécution sur ces émulateurs. 33 00:02:41,700 --> 00:02:47,960 Maintenant, au cas où cela vous semble un peu différent, vous trouverez ci-joint mon projet de départ exactement de la 34 00:02:47,960 --> 00:02:51,170 même manière que je l'ai ici afin que vous puissiez 35 00:02:51,170 --> 00:02:53,820 également l'utiliser, remplacer les fichiers de votre projet 36 00:02:53,990 --> 00:02:57,920 par le mien, puis si vous exécutez npm start, obtenez ce look ici. 37 00:02:57,920 --> 00:03:02,030 C'est donc le projet de départ sur lequel nous allons maintenant construire et nous allons maintenant travailler.