1
00:00:02,580 --> 00:00:09,690
Así que pasamos bastante tiempo migrando esto para reaccionar a la navegación cinco ahora y tal vez se vea un poco abrumador

2
00:00:09,780 --> 00:00:10,920
en este momento.

3
00:00:10,920 --> 00:00:18,510
Así que permítanme resumir los cambios clave que hicimos aquí y los cambios clave las diferencias clave reaccionan la

4
00:00:18,510 --> 00:00:25,920
navegación cinco introdujo el cambio más grande es cómo configuramos nuestra configuración de pantalla en lugar de tener

5
00:00:25,920 --> 00:00:33,210
este enfoque de registro, ahora usamos componentes para configurar nuestra configuración, pero El patrón aquí es en

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

7
00:00:34,650 --> 00:00:40,740
Siempre crea un navegador que podría ser un navegador de pila, un navegador de dibujo o

8
00:00:41,340 --> 00:00:49,710
también un navegador de tap y luego usa ese navegador para hacer un componente aquí como componente de ruta para este conjunto de

9
00:00:49,710 --> 00:00:52,080
pantallas que pertenece a este navegador.

10
00:00:52,080 --> 00:00:57,660
Las pantallas son los componentes anidados allí y allí proporciona un nombre y un componente que debe cargarse

11
00:00:57,660 --> 00:00:58,950
para esa pantalla.

12
00:01:00,180 --> 00:01:06,780
Ahora, cuando se trata de navegar, todavía navega con el accesorio de navegación y luego la función de navegación

13
00:01:06,960 --> 00:01:09,280
identificando la pantalla por su nombre.

14
00:01:09,300 --> 00:01:11,180
Entonces eso no cambia en absoluto.

15
00:01:11,190 --> 00:01:13,720
También pasas a los padres como antes.

16
00:01:13,770 --> 00:01:18,960
Lo único importante aquí o lo único que debe tener en cuenta es que el nombre que usa aquí, por

17
00:01:19,140 --> 00:01:21,810
supuesto, debe ser el nombre que también usa aquí.

18
00:01:21,810 --> 00:01:23,490
Cuando configuras tus pantallas.

19
00:01:23,670 --> 00:01:29,400
Entonces, ese es el cambio más grande que configura su configuración como componentes.

20
00:01:29,400 --> 00:01:35,220
En última instancia, aún puede anidar sus diferentes navegadores entre sí, ya que lo estamos

21
00:01:35,520 --> 00:01:41,640
haciendo aquí, donde tenemos que dibujar un navegador que también tiene navegadores de pila como pantallas.

22
00:01:41,640 --> 00:01:45,080
Eso tampoco cambia, simplemente se ve diferente ahora.

23
00:01:45,150 --> 00:01:52,590
Y lo que cambió es donde configura las opciones de configuración de pantalla ancha para que las opciones que afectan a todas

24
00:01:52,650 --> 00:01:58,740
las pantallas de un navegador se configuren directamente en el navegador, un componente con el accesorio de opciones

25
00:01:58,740 --> 00:02:06,180
de pantalla y la configuración específica de la pantalla se configura con el accesorio de opciones en el componente de pantalla .

26
00:02:06,180 --> 00:02:12,330
Ahora donde gestiona esa configuración si lo hace todo en un archivo grande o como lo estamos haciendo aquí si lo

27
00:02:12,330 --> 00:02:15,500
está haciendo en la pantalla y luego simplemente lo exporta.

28
00:02:15,550 --> 00:02:19,740
Así que sí, puede usarlo cuando configurar sus componentes depende de usted.

29
00:02:20,130 --> 00:02:22,630
Ahora eso es todo lo que necesita tener en cuenta allí.

30
00:02:22,650 --> 00:02:29,790
Una cosa que cambió debido a eso es cómo maneja la autenticación o los casos relacionados.

31
00:02:29,790 --> 00:02:32,210
Ya no tienes que cambiar de navegador.

32
00:02:32,220 --> 00:02:39,150
En cambio, usted controla qué navegadores deben ser procesados por reacción y lo que no se procesa no puede ser efectivo,

33
00:02:39,270 --> 00:02:40,710
no puede hacer nada.

34
00:02:40,710 --> 00:02:46,440
Entonces, si no procesamos al navegador de la tienda porque no estamos autenticados, entonces no hay forma de que se pueda cargar

35
00:02:46,440 --> 00:02:48,010
una pantalla de la tienda.

36
00:02:48,060 --> 00:02:54,900
Así es como ahora controlamos qué pantallas son accesibles aquí en el ejemplo de autenticación.

37
00:02:55,020 --> 00:02:57,870
También teniendo en cuenta el registro de pedidos.

38
00:02:57,870 --> 00:03:01,900
Entonces eso es algo en lo que tienes que cambiar a un nuevo modelo mental.

39
00:03:01,920 --> 00:03:06,850
Sin embargo, esto es mucho más reactivo que lo que teníamos que usar antes.

40
00:03:07,260 --> 00:03:13,770
Y luego tenemos otro cambio grande o importante y así es como extraemos a los padres y cuando los

41
00:03:13,770 --> 00:03:21,650
necesitamos extraemos a los padres en esta nueva ruta con la clave de los padres, la clave de los padres puede ser indefinida

42
00:03:21,690 --> 00:03:28,290
si no se reciben los padres y este componente y los padres ahora solo deberían usarse para obtener datos

43
00:03:28,290 --> 00:03:30,720
del componente a dos componentes B.

44
00:03:30,810 --> 00:03:38,100
Por lo tanto, de pantalla a pantalla B hackea las soluciones, ya que necesitábamos usarlas antes en la pantalla del

45
00:03:38,100 --> 00:03:45,150
producto agregado, ya no es necesario si necesita usar padres para obtener datos de información sobre el componente en las

46
00:03:45,150 --> 00:03:48,770
opciones de pantalla que no necesita hacer eso más.

47
00:03:48,840 --> 00:03:56,760
En cambio, lo que haces ahora es usar la nueva función de opciones de configuración a la que puedes llamar directamente en

48
00:03:56,760 --> 00:03:58,080
tu accesorio de navegación

49
00:04:00,760 --> 00:04:01,870
aquí está.

50
00:04:01,900 --> 00:04:07,960
Entonces llamamos a las opciones de configuración en este accesorio de navegación y luego podemos ajustar dinámicamente las opciones

51
00:04:08,170 --> 00:04:10,610
de navegación desde el interior del componente.

52
00:04:10,630 --> 00:04:16,780
Estos son los cambios clave que tuvimos que hacer aquí y las cosas clave que cambiaron.

53
00:04:16,780 --> 00:04:19,840
Ahora, como siempre, los documentos oficiales son tu amigo.

54
00:04:19,840 --> 00:04:25,090
Si desea leer sobre eso nuevamente, si desea sumergirse en otros casos que no hemos cubierto

55
00:04:25,090 --> 00:04:25,670
aquí.

56
00:04:25,750 --> 00:04:30,370
Por ejemplo, si desea aprender a trabajar con grifos, no estamos haciendo esto aquí, pero el enfoque

57
00:04:30,370 --> 00:04:31,290
es muy similar.

58
00:04:31,330 --> 00:04:36,700
Lo haces con una configuración basada en componentes con un navegador y pantallas y luego los documentos

59
00:04:36,700 --> 00:04:39,180
oficiales son un gran lugar para sumergirte.

60
00:04:39,190 --> 00:04:46,200
También revise la publicación de anuncios para la navegación de reacción 5 y la guía de actualización que también

61
00:04:46,240 --> 00:04:51,210
está vinculada allí, encontrará todos estos recursos también adjuntos a esta conferencia.

62
00:04:51,310 --> 00:04:56,710
Y con eso depende de usted si desea utilizar la navegación de reacción 3 o 4 o si desea

63
00:04:56,710 --> 00:04:58,450
cambiar a 5 o posterior.

64
00:04:58,450 --> 00:05:01,290
Una vez que tengamos nuevas palabras, depende de usted.

65
00:05:01,450 --> 00:05:07,870
La mayoría de los proyectos que existen en la naturaleza seguramente usarán Virgin gratis y porque

66
00:05:07,900 --> 00:05:10,830
estas versiones han existido durante tanto tiempo.

67
00:05:10,990 --> 00:05:15,850
Los nuevos proyectos pueden cambiar a Where's in five pero también pueden usar la versión anterior.

68
00:05:16,030 --> 00:05:21,850
Por lo tanto, diría que es importante conocer ambos tipos de navegación si está trabajando en su propio proyecto

69
00:05:21,850 --> 00:05:23,010
por su cuenta.

70
00:05:23,050 --> 00:05:28,060
Recomendaría que cambie para reaccionar la navegación cinco desde el principio, pero si

71
00:05:28,060 --> 00:05:31,760
desea 4 o masa libre, también está perfectamente bien.

72
00:05:31,930 --> 00:05:38,470
La reactivación 3 y 4 es completamente estable y el equipo de navegación de reacción mantendrá todo actualizado

73
00:05:38,470 --> 00:05:39,750
en el futuro.

74
00:05:39,850 --> 00:05:41,260
Entonces no va a ninguna parte.

75
00:05:41,260 --> 00:05:43,760
No es inseguro usarlo y depende de usted.

76
00:05:43,780 --> 00:05:45,310
Qué versión quieres usar.