1
00:00:02,240 --> 00:00:05,200
Alors maintenant que nous avons une idée de ce

2
00:00:05,390 --> 00:00:11,330
qu'est React Native, nous pouvons commencer avec React Native et je dirais que commençons par construire notre première petite

3
00:00:11,330 --> 00:00:15,530
application React Native ou en mettant notre première application React Native en service.

4
00:00:15,620 --> 00:00:20,750
Nous voulons donc créer une nouvelle application React Native et il se trouve que nous avons en fait deux options pour cela.

5
00:00:21,750 --> 00:00:27,690
Si vous recherchez React Native, vous trouverez la page officielle et sur cette page officielle si vous cliquez

6
00:00:27,690 --> 00:00:31,520
sur, pour commencer, vous avez en fait deux options ici.

7
00:00:31,560 --> 00:00:36,630
Vous disposez du démarrage rapide d'Expo CLI et du démarrage rapide de React Native CLI.

8
00:00:36,630 --> 00:00:43,080
Maintenant, quelle est la différence et quelle approche devez-vous utiliser et pourquoi et qu'allons-nous utiliser dans ce cours?

9
00:00:44,400 --> 00:00:51,180
Nous pouvons donc utiliser l'Expo CLI, l'outil expo pour générer et gérer notre application React Native ou nous

10
00:00:51,180 --> 00:00:52,870
utilisons React Native CLI.

11
00:00:53,010 --> 00:00:58,260
Maintenant, si vous avez d'abord ce choix, vous opterez probablement pour la CLI React Native parce que vous voulez

12
00:00:58,260 --> 00:01:00,810
créer une application React Native après tout, non?

13
00:01:00,870 --> 00:01:03,020
Voyons ce qu'est l'expo.

14
00:01:03,090 --> 00:01:06,150
C'est un service tiers entièrement gratuit, vous n'avez pas

15
00:01:06,150 --> 00:01:11,430
besoin de vous inscrire pour commencer et vous n'avez pas à payer pour créer une application que

16
00:01:11,430 --> 00:01:12,150
vous pouvez

17
00:01:12,180 --> 00:01:18,580
publier sur l'App Store, il est donc vraiment gratuit de utilisation. Ce que l'expo vous offre est une sorte de flux de travail de développement d'applications gérées.

18
00:01:18,630 --> 00:01:24,840
Cela vous enlève une grande partie de la complexité, car la création d'applications React Native peut être très complexe, surtout

19
00:01:24,840 --> 00:01:31,410
lorsqu'il s'agit d'intégrer certaines fonctionnalités natives de l'appareil comme l'accès à la caméra et à l'expo, cela vous donne simplement beaucoup

20
00:01:31,410 --> 00:01:33,070
de commodité, cela rend

21
00:01:33,090 --> 00:01:37,920
le développement de React Les applications natives sont un jeu d'enfant et bien plus faciles.

22
00:01:37,920 --> 00:01:44,820
L'inconvénient est que vous êtes limité à l'écosystème expo car l'expo à la fin est comme un wrapper que vous pourriez dire

23
00:01:44,820 --> 00:01:52,110
autour de votre application, une fine couche supplémentaire entre votre application et l'expérience native native React Native et vous obtenez toujours une application

24
00:01:52,680 --> 00:01:57,810
native dans à la fin et vous utilisez toujours React Native sous le capot, tout se

25
00:01:57,810 --> 00:02:04,530
passe mais l'expo résume une partie de la complexité, ce qui signifie également qu'il supprime bien sûr une partie du contrôle

26
00:02:04,530 --> 00:02:11,450
raffiné que vous auriez normalement si vous construisez une application React Native brute, car si nous jetons un coup d'œil à cet

27
00:02:11,450 --> 00:02:17,390
autre flux de travail, le React Native CLI, qui est finalement géré par l'équipe React Native ou des

28
00:02:17,420 --> 00:02:19,580
parties de la communauté React Native

29
00:02:19,640 --> 00:02:25,670
et là vous avez une configuration de développement barebone, ce qui signifie que vous obtenez une application native, vous

30
00:02:25,700 --> 00:02:32,420
avez besoin pour installer Android Studio, vous devez installer Xcode pour créer cette application et vous devez configurer et gérer beaucoup

31
00:02:32,420 --> 00:02:33,190
par vous-même.

32
00:02:33,290 --> 00:02:38,990
Dès que vous commencez à ajouter certaines fonctionnalités natives de l'appareil, comme disons dès que vous souhaitez utiliser

33
00:02:38,990 --> 00:02:44,540
la caméra de l'appareil, vous devrez apporter des packages tiers où le processus de configuration peut être assez

34
00:02:44,540 --> 00:02:47,600
complexe et, par conséquent, cela peut être plus encombrant.

35
00:02:47,600 --> 00:02:53,570
Vous n'avez pratiquement aucune fonctionnalité ni utilitaire à exploiter, mais bien sûr, l'avantage est que vous avez

36
00:02:53,570 --> 00:03:00,050
un contrôle total, vous pouvez contrôler chaque petit morceau, vous pouvez facilement écrire votre propre code Android et iOS

37
00:03:00,080 --> 00:03:03,210
natif et le connecter à votre Javascript code, ce

38
00:03:03,230 --> 00:03:05,390
n'est pas vraiment possible avec expo.

39
00:03:05,600 --> 00:03:10,340
Donc, si vous êtes un développeur super avancé et que vous savez déjà que vous allez

40
00:03:10,370 --> 00:03:17,270
créer une application très complexe où vous devez faire beaucoup de solutions de contournement manuelles, beaucoup de configuration fine, alors vous voulez certainement

41
00:03:17,360 --> 00:03:20,150
l'expérience complète des os nus sur la droite .

42
00:03:20,240 --> 00:03:25,820
Si vous commencez ou si vous créez une application normale, l'Expo CLI vous fournira très probablement tout ce dont

43
00:03:25,820 --> 00:03:27,020
vous avez besoin, elle

44
00:03:27,050 --> 00:03:32,060
vous fournira des wrappers pour les fonctionnalités les plus courantes de l'appareil natif dont vous avez besoin,

45
00:03:32,060 --> 00:03:32,870
comme l'utilisation

46
00:03:32,870 --> 00:03:35,330
de l'appareil photo, comme l'utilisation de cartes ,

47
00:03:35,330 --> 00:03:42,740
tout est devenu super simple et si vous arrivez à un point où vous découvrez oh j'ai besoin de plus de contrôle, vous pouvez toujours également

48
00:03:42,800 --> 00:03:45,620
passer du flux de travail expo au flux de travail

49
00:03:45,620 --> 00:03:52,160
natif, vous pouvez éjecter et vous avez alors la flexibilité totale. Par conséquent, rien ne s'oppose au démarrage de l'expo, vous pouvez toujours

50
00:03:52,160 --> 00:03:56,840
passer à l'autre expérience si vous en avez besoin et nous utiliserons expo dans ce cours parce que

51
00:03:56,840 --> 00:04:02,030
c'est plus simple, car il vous donne tout ce dont vous avez besoin pour la plupart des applications, car c'est

52
00:04:02,030 --> 00:04:05,370
tellement plus pratique de travailler avec et parce que vous pouvez toujours changer.

53
00:04:05,510 --> 00:04:11,750
Plus tard dans le cours, je vais également vous donner une introduction au flux de travail plus nu et ce que cela signifierait pour

54
00:04:11,840 --> 00:04:17,850
vous, mais pour la majorité du cours, nous travaillerons avec expo. En coulisses, cet outil d'expo fonctionne de telle

55
00:04:17,850 --> 00:04:24,390
sorte que vous ayez votre appareil natif ou votre simulateur, donc votre iPhone ou votre téléphone Android et vous

56
00:04:24,390 --> 00:04:27,740
avez votre appli, votre appli React Native vous allez écrire,

57
00:04:27,750 --> 00:04:28,700
donc votre

58
00:04:28,710 --> 00:04:35,310
code Javascript où vous écrivez votre Réagissez à l'application native. Maintenant, sur votre appareil natif ou sur le simulateur,

59
00:04:35,550 --> 00:04:42,030
vous allez installer une application supplémentaire depuis l'App Store, l'application cliente expo et nous le ferons ensemble

60
00:04:42,030 --> 00:04:43,830
dans la prochaine conférence.

61
00:04:43,830 --> 00:04:50,340
Maintenant, votre application peut ensuite être chargée dans l'application cliente qui est ce wrapper supplémentaire pour la voir là, pour l'exécuter là,

62
00:04:50,340 --> 00:04:51,500
pour la tester

63
00:04:51,510 --> 00:04:54,180
là-bas et c'est bien sûr idéal pour le développement.

64
00:04:54,180 --> 00:05:02,070
Vous pouvez également publier votre application en tant qu'application expo afin que les autres personnes sur lesquelles le client expo soit installé puissent facilement exécuter votre application, elles

65
00:05:02,130 --> 00:05:03,500
n'ont même pas besoin

66
00:05:03,510 --> 00:05:07,550
de l'installer à partir du Google Play Store ou de l'App Store d'Apple, mais

67
00:05:07,740 --> 00:05:12,870
bien sûr, vous voulez généralement pour créer une application que vous pouvez publier sur ces magasins d'applications et pas

68
00:05:12,990 --> 00:05:14,880
de soucis, c'est possible avec expo aussi.

69
00:05:15,120 --> 00:05:20,190
Cette application client supplémentaire que vous avez, qui enveloppe votre application, est idéale pour le développement, car

70
00:05:20,190 --> 00:05:21,800
elle accélère l'ensemble du flux

71
00:05:22,080 --> 00:05:28,350
de travail de développement, mais si vous voulez une application autonome, donc une application qui ne dépend pas du client expo,

72
00:05:28,350 --> 00:05:36,260
qui la plupart de votre potentiel les utilisateurs n'auront probablement pas installé, eh bien, expo vous permet également de créer et de publier des applications autonomes, donc

73
00:05:36,330 --> 00:05:43,350
des applications qui ne dépendent pas du client expo en cours d'installation. Donc, avec expo, vous pouvez créer normalement des applications qui

74
00:05:43,350 --> 00:05:49,950
sont distribuées de manière autonome sur les magasins d'applications normaux, où vos utilisateurs n'ont besoin d'aucune application spéciale installée,

75
00:05:49,950 --> 00:05:55,390
mais vous avez cette commodité supplémentaire pendant le développement, ce qui est génial et comme

76
00:05:55,440 --> 00:06:02,040
je l'ai déjà mentionné, si vous le souhaitez besoin, vous pouvez toujours basculer ou éjecter comme on l'appelle dans

77
00:06:02,040 --> 00:06:04,020
le flux de développement non-expo