1
00:00:02,410 --> 00:00:05,770
Se podría decir que hay alrededor de tres formas de crear

2
00:00:05,770 --> 00:00:09,420
una aplicación React Native: una es con expo con el llamado flujo

3
00:00:09,430 --> 00:00:14,920
de trabajo administrado, ese es el enfoque que utilizamos en el curso y tiene una línea discontinua alrededor

4
00:00:14,920 --> 00:00:20,290
porque esto no es realmente una alternativa para crear una aplicación que no sea expo, esto, por supuesto,

5
00:00:20,440 --> 00:00:21,440
abarca la

6
00:00:21,450 --> 00:00:27,190
expo, es el enfoque que usamos en el curso. Es fácil de usar, tiene una configuración prácticamente nula, funciona

7
00:00:27,190 --> 00:00:33,250
de inmediato, puedes probar fácilmente la aplicación en un dispositivo real, tienes muchos módulos nativos integrados que son muy fáciles de instalar y usar.

8
00:00:33,730 --> 00:00:39,610
Se controla con la CLI de expo, solo escribe npm start o expo start, tiene las herramientas de desarrollo de

9
00:00:39,610 --> 00:00:46,710
expo en el navegador, es fácil de ejecutar en simuladores y dispositivos reales y aún puede obtener una aplicación independiente que puede implementar, que como

10
00:00:46,720 --> 00:00:53,080
expliqué contiene el cliente expo como envoltorio, por así decirlo. Dado que también puede probarlo fácilmente

11
00:00:53,080 --> 00:00:58,510
en dispositivos reales, técnicamente ni siquiera necesita instalar Android Studio o

12
00:00:58,600 --> 00:01:05,530
Xcode para crear una aplicación con expo. Lo instalé y te indiqué que también lo instalaras para este curso

13
00:01:05,630 --> 00:01:11,320
para que pudiéramos activar simuladores y probarlo allí porque no quería probarlo constantemente en un dispositivo real y grabar

14
00:01:11,320 --> 00:01:16,990
esa pantalla, pero no lo haces ' No es necesario que lo haga, puede probarlo en un dispositivo real

15
00:01:16,990 --> 00:01:20,360
con la aplicación cliente expo instalada allí, así que eso es

16
00:01:20,410 --> 00:01:23,120
algo que puede hacer. Ahora, este es

17
00:01:23,200 --> 00:01:28,810
el enfoque que usamos, pero por supuesto, esta es una aplicación expo, es una aplicación

18
00:01:28,840 --> 00:01:33,590
completamente en el ecosistema expo con todas las restricciones o desventajas que describí.

19
00:01:33,640 --> 00:01:39,610
Ahora, una alternativa a eso es que todavía usa expo pero el llamado flujo de trabajo simple o

20
00:01:39,610 --> 00:01:44,380
que construye una aplicación React Native sin expo con la CLI React Native.

21
00:01:44,610 --> 00:01:51,720
Ahora, el flujo de trabajo desnudo de la exposición puede crearse desde cero o expulsándose del flujo de trabajo administrado y eso

22
00:01:51,720 --> 00:01:55,080
es algo que también le mostraré en este módulo.

23
00:01:55,110 --> 00:02:01,530
Ahora, cuando compila una aplicación con el flujo de trabajo simple, obtiene una aplicación que no es expo, crea una aplicación

24
00:02:01,530 --> 00:02:03,490
nativa como la compilaría con React

25
00:02:03,520 --> 00:02:05,950
Native CLI, por lo que obtiene la misma

26
00:02:05,970 --> 00:02:13,920
base allí, la diferencia es que aún puede use paquetes especiales de exposición. Instalarlos es un poco más complejo que cuando está en

27
00:02:13,920 --> 00:02:20,040
el flujo de trabajo administrado, necesita hacer más trabajo de cableado manual, al menos para algunos paquetes, pero

28
00:02:20,040 --> 00:02:27,330
muchos, no todos sino muchos de los paquetes de expo que se incluyen en el flujo de trabajo administrado están disponibles como

29
00:02:27,420 --> 00:02:32,560
paquetes independientes que puede llevar a cualquier aplicación React Native y el equipo de exposición

30
00:02:32,640 --> 00:02:38,480
está trabajando para hacer que cada vez más paquetes estén disponibles fuera del flujo de trabajo administrado.

31
00:02:38,970 --> 00:02:45,450
Por lo tanto, puede traer eso y con el flujo de trabajo simple, es relativamente fácil agregar estos paquetes, no tan fácil y rápido como en el

32
00:02:45,450 --> 00:02:50,870
flujo de trabajo de administración, pero aún así, muy fácil. Al crear una aplicación sin expo en absoluto, con React

33
00:02:50,890 --> 00:02:51,900
Native CLI, aún

34
00:02:51,930 --> 00:02:58,420
puede traer estos paquetes, pero luego se requiere una configuración más manual. Ahora, como dije, es relativamente fácil de configurar y administrar

35
00:02:58,420 --> 00:03:01,660
en el flujo de trabajo simple, tiene que administrar

36
00:03:01,660 --> 00:03:04,610
más en el flujo de trabajo React Native

37
00:03:04,630 --> 00:03:12,790
CLI, por lo que realmente puede construir todo sin ningún soporte por exposición. Con respecto a los módulos nativos que usa, puede usar cualquier

38
00:03:13,480 --> 00:03:19,540
módulo nativo que desee, también los que no son de exposición, puede traer estos paquetes de exposición especiales

39
00:03:19,540 --> 00:03:23,620
que necesita conectar manualmente, pero puede traer cualquier otro módulo nativo.

40
00:03:23,620 --> 00:03:28,480
Ahora, cuando venimos a construir la aplicación y distribuirla, con el flujo de trabajo administrado

41
00:03:28,480 --> 00:03:35,650
que verá en el módulo de implementación que es muy fácil de hacer, con el flujo de trabajo simple es un poco "más

42
00:03:35,650 --> 00:03:42,700
difícil" entre comillas, requiere más trabajo con Android Studio y Xcode y no es tan fácil como con el flujo de trabajo administrado

43
00:03:42,940 --> 00:03:48,670
de la expo, usted también, por ejemplo, y esa es una restricción importante, no podrá crear aplicaciones de iOS

44
00:03:48,670 --> 00:03:49,520
en Windows.

45
00:03:49,660 --> 00:03:54,910
Eso es posible en el flujo de trabajo administrado porque la compilación no ocurrirá en su máquina allí, sino

46
00:03:54,910 --> 00:04:00,160
en la nube, con el flujo de trabajo simple y con la CLI React Native, usted es responsable de

47
00:04:00,160 --> 00:04:05,260
construir las aplicaciones y, por lo tanto, debe hacerlo localmente en su máquina y, por lo tanto, debido a

48
00:04:05,260 --> 00:04:10,320
las restricciones de Apple, no podrá crear una aplicación de iOS en Windows o Linux, por lo que

49
00:04:10,330 --> 00:04:12,630
también es una cosa a tener en cuenta.

50
00:04:12,670 --> 00:04:14,820
Entonces lo hace todo por su cuenta

51
00:04:14,950 --> 00:04:20,320
allí, por lo que necesita estas herramientas instaladas y, aunque no las usará para escribir código, tendrá que manipularlas un

52
00:04:20,320 --> 00:04:27,360
poco y las usará para luego construir su aplicación e implementar al final Estas son las

53
00:04:27,360 --> 00:04:29,830
alternativas. Ahora para la implementación,

54
00:04:29,830 --> 00:04:35,050
tendré un módulo separado en el que veré cómo funciona eso con el flujo de trabajo administrado y también sin

55
00:04:35,050 --> 00:04:36,700
el flujo de trabajo administrado, por

56
00:04:36,820 --> 00:04:39,820
lo que no es algo en lo que me centraré en

57
00:04:39,820 --> 00:04:45,130
este módulo, sino en este módulo que quiero para mostrarle cómo compila una aplicación con React Native CLI, cómo también la

58
00:04:45,140 --> 00:04:50,350
compila con expo en el flujo de trabajo simple y cómo puede expulsarlo del flujo de trabajo administrado al flujo

59
00:04:50,350 --> 00:04:51,280
de trabajo simple.

60
00:04:51,280 --> 00:04:56,560
También veremos cómo puede agregar algunas características nativas del dispositivo en estas dos alternativas porque esa es la parte

61
00:04:56,590 --> 00:05:00,390
en la que en su mayoría difiere del flujo de trabajo administrado.

62
00:05:00,540 --> 00:05:05,130
La forma en que escribe sus componentes, etc., y los componentes que usa de React Native, eso no difiere en

63
00:05:05,130 --> 00:05:10,710
absoluto porque no había nada específico sobre la exposición en eso. En otras palabras, si echamos un vistazo

64
00:05:10,710 --> 00:05:14,370
al proyecto en el que trabajamos anteriormente en el curso, este

65
00:05:14,370 --> 00:05:20,100
proyecto de módulo nativo, esencialmente lo que perderá cuando no esté usando el flujo de trabajo administrado

66
00:05:20,460 --> 00:05:24,960
es todas las importaciones relacionadas con la exposición, todo lo que estás importando desde

67
00:05:25,080 --> 00:05:31,290
la expo, eso es básicamente algo que ahora es más difícil o que ahora debes hacer de manera diferente.

68
00:05:31,290 --> 00:05:36,540
Si no usa expo como en este archivo, dicho archivo no necesitaría cambiar en absoluto, solo los

69
00:05:36,540 --> 00:05:42,120
archivos en los que usa algo de expo deben ajustarse o implementarse de manera diferente cuando no usa

70
00:05:42,240 --> 00:05:48,190
el flujo de trabajo administrado o preciso, es posible que ya no pueda usar ciertos paquetes o que todavía

71
00:05:48,270 --> 00:05:52,810
pueda usarlos y que probablemente ni siquiera necesite tocar su código, pero para usarlos debe

72
00:05:52,920 --> 00:05:58,020
hacer más trabajo de configuración manual del que necesita. hacer con expo y el flujo de

73
00:05:58,020 --> 00:05:58,910
trabajo administrado.