1
00:00:02,580 --> 00:00:09,690
Nous avons donc passé un certain temps à migrer cela pour réagir à la navigation cinq maintenant et cela semble peut-être un peu écrasant

2
00:00:09,780 --> 00:00:10,920
en ce moment.

3
00:00:10,920 --> 00:00:18,510
Alors permettez-moi de résumer les principaux changements que nous avons

4
00:00:18,510 --> 00:00:25,920
apportés ici et les changements clés que les différences

5
00:00:25,920 --> 00:00:33,210
clés réagissent. le modèle ici est en fait assez

6
00:00:33,210 --> 00:00:34,550
simple.

7
00:00:34,650 --> 00:00:40,740
Vous créez toujours un navigateur qui pourrait être un navigateur de pile, un navigateur de dessin

8
00:00:41,340 --> 00:00:49,710
ou également un navigateur tactile, puis vous utilisez ce navigateur pour naviguer un composant ici en tant que composant d'itinéraire pour cet ensemble

9
00:00:49,710 --> 00:00:52,080
d'écrans qui appartient à ce navigateur.

10
00:00:52,080 --> 00:00:57,660
Les écrans sont les composants imbriqués là-bas et là vous fournissez un nom et un composant qui devrait être

11
00:00:57,660 --> 00:00:58,950
chargé pour cet écran.

12
00:01:00,180 --> 00:01:06,780
Maintenant, quand il s'agit de naviguer, vous naviguez toujours avec l'accessoire de navigation, puis la fonction de navigation

13
00:01:06,960 --> 00:01:09,280
en identifiant l'écran par son nom.

14
00:01:09,300 --> 00:01:11,180
Cela ne change donc pas du tout.

15
00:01:11,190 --> 00:01:13,720
Vous passez également devant les parents comme avant.

16
00:01:13,770 --> 00:01:18,960
La seule chose importante ici ou la seule chose que vous devez garder à l'esprit est que le nom que vous utilisez ici

17
00:01:19,140 --> 00:01:21,810
doit bien sûr être le nom que vous utilisez également ici.

18
00:01:21,810 --> 00:01:23,490
Lorsque vous configurez vos écrans.

19
00:01:23,670 --> 00:01:29,400
C'est donc le plus grand changement que vous définissez votre configuration en tant que composants.

20
00:01:29,400 --> 00:01:35,220
En fin de compte, vous pouvez toujours imbriquer vos différents navigateurs les uns dans les autres comme

21
00:01:35,520 --> 00:01:41,640
nous le faisons ici où nous devons dessiner un navigateur qui a également des navigateurs de pile comme écrans.

22
00:01:41,640 --> 00:01:45,080
Cela ne change pas non plus, c'est juste différent maintenant.

23
00:01:45,150 --> 00:01:52,590
Et ce qui a changé, c'est l'endroit où vous configurez les choses à l'échelle des options de configuration afin que les options

24
00:01:52,650 --> 00:01:58,740
qui affectent tous les écrans d'un navigateur soient configurées directement sur le navigateur un composant avec le

25
00:01:58,740 --> 00:02:06,180
prop d'options d'écran et une configuration spécifique à l'écran est mis en place avec le prop d'options sur le composant d'écran .

26
00:02:06,180 --> 00:02:12,330
Maintenant, où vous gérez cette configuration si vous faites tout dans un gros fichier ou comme nous le faisons ici si

27
00:02:12,330 --> 00:02:15,500
vous le faites à l'écran et que vous l'exportez ensuite.

28
00:02:15,550 --> 00:02:19,740
Alors oui, vous pouvez l'utiliser lorsque vous configurez leurs composants.

29
00:02:20,130 --> 00:02:22,630
Voilà tout ce que vous devez garder à l'esprit.

30
00:02:22,650 --> 00:02:29,790
Une chose qui a changé à cause de cela est la façon dont vous gérez l'authentification ou les cas associés.

31
00:02:29,790 --> 00:02:32,210
Vous n'avez plus besoin de changer de navigateur.

32
00:02:32,220 --> 00:02:39,150
Au lieu de cela, vous contrôlez quels navigateurs doivent être rendus par react et ce qui n'est pas rendu ne peut pas être efficace

33
00:02:39,270 --> 00:02:40,710
ne peut rien faire.

34
00:02:40,710 --> 00:02:46,440
Donc, si nous ne rendons pas le navigateur de la boutique parce que nous ne sommes pas authentifiés, il n'y a aucun moyen

35
00:02:46,440 --> 00:02:48,010
de charger un écran de boutique.

36
00:02:48,060 --> 00:02:54,900
C'est ainsi que nous contrôlons maintenant quels écrans sont accessibles ici à l'exemple de l'authentification.

37
00:02:55,020 --> 00:02:57,870
Gardez également à l'esprit le journal des commandes.

38
00:02:57,870 --> 00:03:01,900
C'est donc quelque chose où vous devez passer à un nouveau modèle mental.

39
00:03:01,920 --> 00:03:06,850
C'est beaucoup plus réactif que ce que nous devions utiliser auparavant.

40
00:03:07,260 --> 00:03:13,770
Et puis nous avons un autre changement important ou important et c'est ainsi que nous extrayons les parents et lorsque nous

41
00:03:13,770 --> 00:03:21,650
avons besoin de parents, nous extrayons les parents sur ce nouvel accessoire de route avec la clé des parents, la clé des parents peut être indéfinie

42
00:03:21,690 --> 00:03:28,290
s'il n'y a pas de parents reçus et cette composante et les parents ne devraient désormais être utilisés que pour obtenir des

43
00:03:28,290 --> 00:03:30,720
données du composant à deux composants B.

44
00:03:30,810 --> 00:03:38,100
Donc, d'un écran à l'autre, vous devez contourner les contournements car nous devions les utiliser auparavant dans l'écran du produit ajouté

45
00:03:38,100 --> 00:03:45,150
si vous aviez besoin d'utiliser les parents pour obtenir des données de la perspicacité au composant dans vos options d'écran

46
00:03:45,150 --> 00:03:48,770
que vous n'avez pas besoin de faire que plus.

47
00:03:48,840 --> 00:03:56,760
Au lieu de cela, ce que vous faites maintenant, c'est que vous avez utilisé la nouvelle fonction de définition des options que vous pouvez appeler

48
00:03:56,760 --> 00:03:58,080
directement sur votre accessoire

49
00:04:00,760 --> 00:04:01,870
de navigation ici.

50
00:04:01,900 --> 00:04:07,960
Nous appelons donc set options sur cet accessoire de navigation, puis nous pouvons ajuster dynamiquement les options

51
00:04:08,170 --> 00:04:10,610
de navigation depuis l'intérieur du composant.

52
00:04:10,630 --> 00:04:16,780
Ce sont les principaux changements que nous avons dû apporter ici et les éléments clés qui ont changé.

53
00:04:16,780 --> 00:04:19,840
Maintenant, comme toujours, les documents officiels sont votre ami.

54
00:04:19,840 --> 00:04:25,090
Si vous voulez lire à nouveau à ce sujet si vous voulez plonger dans d'autres cas que nous n'avons pas

55
00:04:25,090 --> 00:04:25,670
traités ici.

56
00:04:25,750 --> 00:04:30,370
Par exemple, si vous voulez apprendre à travailler avec des taps, nous ne le faisons pas ici, mais l'approche

57
00:04:30,370 --> 00:04:31,290
est très similaire.

58
00:04:31,330 --> 00:04:36,700
Vous le faites avec une configuration basée sur des composants avec un navigateur et des écrans, puis les documents

59
00:04:36,700 --> 00:04:39,180
officiels sont vraiment un excellent endroit pour plonger.

60
00:04:39,190 --> 00:04:46,200
Consultez également le message d'annonce pour React Navigation 5 et le guide de mise à niveau qui y est

61
00:04:46,240 --> 00:04:51,210
également lié, vous trouverez toutes ces ressources également jointes à cette conférence.

62
00:04:51,310 --> 00:04:56,710
Et avec cela, c'est à vous de décider si vous souhaitez utiliser React Navigation 3 ou 4 ou si vous souhaitez

63
00:04:56,710 --> 00:04:58,450
passer à 5 ou version ultérieure.

64
00:04:58,450 --> 00:05:01,290
Une fois que nous aurons de nouveaux mots, cela dépendra de vous.

65
00:05:01,450 --> 00:05:07,870
La majorité des projets là-bas dans la nature utiliseront certainement encore Virgin gratuitement et parce que

66
00:05:07,900 --> 00:05:10,830
ces versions existent depuis si longtemps.

67
00:05:10,990 --> 00:05:15,850
Les nouveaux projets peuvent basculer vers Where's sur cinq, mais peuvent également utiliser l'ancienne version.

68
00:05:16,030 --> 00:05:21,850
Je dirais donc qu'il est important de connaître les deux types de navigation si vous travaillez seul sur

69
00:05:21,850 --> 00:05:23,010
votre propre projet.

70
00:05:23,050 --> 00:05:28,060
Je vous recommanderais de passer à la navigation cinq dès le début, mais si vous

71
00:05:28,060 --> 00:05:31,760
souhaitez 4 ou une pâte libre, c'est très bien aussi.

72
00:05:31,930 --> 00:05:38,470
La réactivation 3 et 4 est entièrement stable et tout sera maintenu et mis à jour à l'avenir par l'équipe

73
00:05:38,470 --> 00:05:39,750
de navigation React.

74
00:05:39,850 --> 00:05:41,260
Donc ça ne va nulle part.

75
00:05:41,260 --> 00:05:43,760
Ce n'est pas dangereux de l'utiliser et c'est à vous de décider.

76
00:05:43,780 --> 00:05:45,310
Quelle version vous souhaitez utiliser.