1
00:00:02,180 --> 00:00:06,790
Entonces aprendiste cómo puedes usar React Native CLI para crear proyectos React Native.

2
00:00:12,260 --> 00:00:19,880
Estos son proyectos que no tienen conexión con la exposición y que, por lo tanto, están totalmente gestionados por usted y donde, por lo tanto, puede agregar cualquier paquete de terceros, incluidos algunos

3
00:00:19,940 --> 00:00:21,710
paquetes de exposición que también están disponibles

4
00:00:22,160 --> 00:00:23,980
fuera del flujo de trabajo administrado, pero necesita

5
00:00:24,020 --> 00:00:28,850
configurar todo por su cuenta, que puede ser fácil dependiendo del paquete que esté utilizando, pero También puede ser más difícil.

6
00:00:28,850 --> 00:00:34,150
Ahora hay una especie de punto medio entre el flujo de trabajo administrado de la exposición y el

7
00:00:34,160 --> 00:00:40,120
puro, debe hacer todo por su cuenta, flujo de trabajo y ese es el flujo de trabajo desnudo de la exposición.

8
00:00:40,130 --> 00:00:42,820
¿Cuál es el flujo de trabajo simple aquí?

9
00:00:42,980 --> 00:00:49,880
El flujo de trabajo simple incluye una aplicación React Native como la que crearía con la CLI React Native, por lo que

10
00:00:49,890 --> 00:00:58,040
no es una aplicación administrada con expo como envoltorio sino una aplicación nativa, que sin embargo ya está preconfigurada para admitir muchos de los paquetes de

11
00:00:58,310 --> 00:01:01,470
expo, no todos, pero el equipo de la expo

12
00:01:01,490 --> 00:01:06,770
está trabajando para hacer que cada vez más esté disponible fuera del flujo de trabajo administrado, pero

13
00:01:07,190 --> 00:01:12,560
muchos de ellos ya están incluidos y puede consultar la página de API compatibles aquí para tener

14
00:01:12,560 --> 00:01:17,230
una idea de qué características puede usar también en el flujo de trabajo simple.

15
00:01:17,240 --> 00:01:23,150
La idea detrás del flujo de trabajo simple es que tiene esta experiencia de desarrollo nativa en

16
00:01:23,150 --> 00:01:30,140
la que necesita usar Android Studio y Xcode, por lo que no tiene la CLI de exposición y el cliente

17
00:01:30,140 --> 00:01:33,610
de exposición que lo ayudan, por lo que debe hacerlo

18
00:01:34,040 --> 00:01:38,420
manualmente con el ayuda de React Native CLI, pero donde es más

19
00:01:38,450 --> 00:01:44,390
fácil agregar funcionalidad nativa, por lo que quizás necesite menos configuración, donde pueda usar estos poderosos paquetes

20
00:01:44,420 --> 00:01:50,700
nativos que expo le ofrece donde puede usar todo eso sin tener las limitaciones que expo le brinda

21
00:01:50,750 --> 00:01:56,480
, aunque quiero poner limitaciones entre comillas porque en realidad no tiene tantas limitaciones en el flujo

22
00:01:56,480 --> 00:01:57,900
de trabajo administrado.

23
00:01:58,100 --> 00:02:03,530
Déjame mostrarte cómo comenzar con ese flujo de trabajo simple y, por supuesto, para eso, también puedes

24
00:02:03,530 --> 00:02:06,250
consultar los documentos oficiales. Aquí debe

25
00:02:06,290 --> 00:02:11,750
tener instalada la expo CLI y la instalamos al comienzo del curso para

26
00:02:11,750 --> 00:02:13,830
crear nuestro proyecto administrado y

27
00:02:14,030 --> 00:02:20,810
también debe tener instalada la React Native CLI. Además, y eso también es importante, generalmente debe tener

28
00:02:20,900 --> 00:02:26,660
la configuración que se describe aquí en los documentos React Native en Inicio rápido de React

29
00:02:26,660 --> 00:02:32,780
Native CLI, así que asegúrese de configurar su sistema como se describe aquí para las diferentes plataformas,

30
00:02:32,780 --> 00:02:38,300
los diferentes sistemas operativos que está apuntando, así que asegúrese de instalar Android Studio y Xcode

31
00:02:38,300 --> 00:02:43,700
y todas las dependencias que encontrará aquí porque usará este flujo de trabajo, solo obtendrá

32
00:02:43,700 --> 00:02:52,720
un poco más que este proyecto vacío en bruto que tiene aquí. Entonces, una vez que tenga todo eso instalado, puede

33
00:02:52,960 --> 00:03:01,850
crear un nuevo paquete de flujo de trabajo desnudo con este comando o, en general, ejecutando expo init y

34
00:03:01,850 --> 00:03:11,390
luego cualquier nombre de proyecto que elija, como RNWithExpoBare y asegúrese de ejecutar este comando en una ruta donde desea crear

35
00:03:11,390 --> 00:03:13,640
esta carpeta de proyecto.

36
00:03:13,880 --> 00:03:20,600
Entonces, si ejecuta esto ahora, esto creará un nuevo proyecto de exposición y este es también el mensaje que

37
00:03:20,600 --> 00:03:22,110
vimos al comienzo

38
00:03:22,250 --> 00:03:24,090
del curso, allí elegí en

39
00:03:24,260 --> 00:03:28,670
blanco y tenga en cuenta que esto, por supuesto, era parte del

40
00:03:28,670 --> 00:03:30,500
flujo de trabajo administrado, lo

41
00:03:30,620 --> 00:03:36,500
que elegí al comienzo del curso, ahora podemos elegir el flujo de trabajo simple yendo a

42
00:03:36,500 --> 00:03:42,980
la selección mínima aquí y presionando enter y lo que hace es que ahora crea un nuevo proyecto

43
00:03:42,980 --> 00:03:49,310
y ahora podemos ingresar un nombre aquí para la aplicación que está visible en la pantalla de

44
00:03:49,630 --> 00:03:51,870
inicio, RNBare y aquí también RNBare.

45
00:03:51,900 --> 00:03:55,260
Así que elige eso aquí, presiona enter y ahora esto crea un nuevo

46
00:03:55,260 --> 00:03:57,920
proyecto, no quiero usar hilo, usaré npm en su lugar.

47
00:03:58,050 --> 00:04:01,090
Esto creará un nuevo proyecto, un nuevo proyecto

48
00:04:01,170 --> 00:04:09,480
React Native muy parecido a React Native init, por lo que si solo usa la CLI React Native pero está preconfigurado de modo que ya pueda

49
00:04:09,870 --> 00:04:16,930
usar muchas de estas API compatibles o todas estas API compatibles. Ahora importante, la configuración del proyecto que estamos obteniendo

50
00:04:17,500 --> 00:04:23,170
aquí también podría lograrse con esta configuración creada por React Native CLI donde no

51
00:04:23,280 --> 00:04:28,660
utilicé la expo CLI en absoluto porque la magia ocurre con la ayuda

52
00:04:28,900 --> 00:04:31,710
de estos unimódulos React Native aquí.

53
00:04:31,870 --> 00:04:38,440
Este es un paquete al final provisto por el equipo de exposición que lo ayuda a aprovechar las funciones nativas

54
00:04:38,440 --> 00:04:44,680
del dispositivo que también puede obtener en el flujo de trabajo administrado fuera del flujo de trabajo administrado.

55
00:04:44,680 --> 00:04:50,230
Ahora importante, si visita la página de github de los unimódulos React Native y

56
00:04:50,230 --> 00:04:58,140
simplemente puede buscar este nombre para encontrarlo, también encontrará instrucciones sobre cómo agregar esto a una aplicación React Native existente.

57
00:04:58,190 --> 00:05:03,620
Aquí encontrará instrucciones sobre cómo debe configurar esto y toda esta configuración que se describe aquí, así

58
00:05:03,620 --> 00:05:03,980
que

59
00:05:03,980 --> 00:05:09,170
todas estas cosas aquí, lo que debe hacer si desea utilizar este paquete y, por lo

60
00:05:09,170 --> 00:05:13,450
tanto, las características nativas de la exposición en un React Native normal aplicación

61
00:05:13,610 --> 00:05:17,880
no expo, tendría que hacerlas manualmente para un proyecto de este tipo creado

62
00:05:18,160 --> 00:05:20,050
con la CLI React Native y

63
00:05:20,060 --> 00:05:26,930
eso es exactamente lo que la expo init con este flujo de trabajo desnudo hace por nosotros, nos da un proyecto React

64
00:05:26,930 --> 00:05:32,720
Native como si hubiéramos creado con React Native CLI y lo preconfigura siguiendo todos estos pasos, por lo que

65
00:05:32,750 --> 00:05:34,480
no tenemos que hacer eso.

66
00:05:34,640 --> 00:05:37,580
Eso es algo que podemos aprovechar, por supuesto,

67
00:05:37,580 --> 00:05:40,460
así que déjenme abrir este proyecto, este

68
00:05:40,510 --> 00:05:46,660
es ahora el proyecto RNWithExpoBare que acabo de crear y allí, encontrarán algunas similitudes con el proyecto React

69
00:05:46,690 --> 00:05:49,660
Native que creamos con la CLI, más o

70
00:05:49,690 --> 00:05:57,400
menos el mismos archivos de configuración, la misma aplicación de inicio. js content, ahora aquí expo usó una versión anterior de React

71
00:05:57,400 --> 00:06:01,990
Native para crear esto, por eso esto se ve un poco diferente, pero al

72
00:06:01,990 --> 00:06:05,170
final, obtendrá la misma configuración que con la CLI

73
00:06:05,160 --> 00:06:11,230
de React Native, pero como mencioné con el Carpeta de Android e iOS con estos proyectos de Android e

74
00:06:11,560 --> 00:06:15,440
iOS preconfigurados como se describe en la página de unimódulos para que

75
00:06:15,730 --> 00:06:24,010
no tenga que hacer esto y con esta preconfiguración, ahora puede agregar fácilmente paquetes de terceros, puede agregar cualquier paquete de terceros , por ejemplo, ahora

76
00:06:24,010 --> 00:06:26,030
también puede usar nuevamente el selector

77
00:06:26,050 --> 00:06:29,260
de imagen React Native, así que lo que agregamos antes,

78
00:06:29,260 --> 00:06:34,030
lo que no pudimos agregar a una aplicación de flujo de trabajo administrado, este paquete

79
00:06:34,030 --> 00:06:40,330
aquí, puede agregarlo fácilmente a una aplicación de flujo de trabajo simple porque es solo una aplicación React Native sin

80
00:06:40,360 --> 00:06:47,770
expo, por lo que puede agregar esto, pero ahora, a diferencia de una aplicación React Native solo sin expo, también puede traer cualquiera

81
00:06:47,770 --> 00:06:54,220
de las API de expo que se enumeran aquí, como el paquete de ubicación de expo que usamos anteriormente en

82
00:06:54,220 --> 00:06:55,320
el curso.

83
00:06:55,420 --> 00:07:01,600
Ahora puede instalar esto fácilmente siguiendo las instrucciones de instalación a las que está vinculado aquí para el flujo de

84
00:07:01,600 --> 00:07:05,950
trabajo simple, luego deberá seguir las instrucciones de instalación que encontrará aquí en el

85
00:07:05,950 --> 00:07:12,340
paquete de ubicación de la expo, allí aprenderá que puede instalarlo con esto luego ejecute port install en el directorio

86
00:07:12,340 --> 00:07:16,240
de iOS y no se requiere ninguna configuración adicional para Android.

87
00:07:16,290 --> 00:07:22,360
Por lo tanto, no es demasiado difícil y, por lo tanto, podría decir que obtiene lo mejor de

88
00:07:22,570 --> 00:07:30,060
ambos mundos, tiene una aplicación nativa con React Native CLI y aún puede aprovechar algunas funciones de exposición, aunque tenga en cuenta,

89
00:07:30,070 --> 00:07:36,370
por supuesto, que si ejecuta esto aplicación, si hace esto, por supuesto, con react-native run-android, por ejemplo, y

90
00:07:36,370 --> 00:07:42,900
por lo tanto esto requiere Android Studio, lo construye localmente en su sistema, por lo tanto, demora un poco

91
00:07:42,930 --> 00:07:48,130
más, necesita configurar todo en su sistema y para implementando la aplicación, etc., también debe

92
00:07:48,130 --> 00:07:55,360
administrarlo todo aquí en su máquina local, por lo que no obtiene características convenientes que expo le brinda en el flujo

93
00:07:55,390 --> 00:08:00,370
de trabajo administrado donde este edificio y prueba es súper rápido, donde puede probarlo

94
00:08:00,370 --> 00:08:02,760
rápidamente en un dispositivo real, etc., aquí

95
00:08:02,860 --> 00:08:04,560
también falta todo eso.

96
00:08:04,690 --> 00:08:10,450
Tiene un proyecto React Native sin expo, pero usar ciertas API de expo es más fácil,

97
00:08:10,450 --> 00:08:17,580
esa es la idea detrás del flujo de trabajo simple y dado que expo tiene muchas API increíbles, esa es

98
00:08:17,580 --> 00:08:25,050
una razón bastante buena para usarlo porque estas API, estos paquetes también son está garantizado que se continuará y mantendrá, lo

99
00:08:25,050 --> 00:08:26,340
cual no es

100
00:08:26,400 --> 00:08:30,660
necesariamente el caso para todos los demás paquetes de terceros que pueda

101
00:08:30,660 --> 00:08:32,700
agregar a sus aplicaciones React Native.