1
00:00:02,230 --> 00:00:07,780
Así que a lo largo de este módulo, echamos un vistazo a muchos conceptos básicos importantes que

2
00:00:07,780 --> 00:00:13,030
debes saber al trabajar con React Native. Aprendiste sobre estos componentes principales que importas

3
00:00:13,120 --> 00:00:15,910
de React Native y que solo puedes trabajar

4
00:00:15,910 --> 00:00:21,580
con estos componentes principales, puedes construir tus propios componentes, pero estos componentes a su vez también deben

5
00:00:21,580 --> 00:00:27,640
basarse en estos componentes básicos integrados u otros componentes personalizados que luego se basan en estos componentes principales.

6
00:00:27,850 --> 00:00:32,830
Eso es realmente crucial, tiene que usar estos componentes principales y puede diseñar estos componentes principales con la ayuda de estilos en

7
00:00:32,920 --> 00:00:38,320
línea o una hoja de estilos como lo estamos haciendo aquí. Al final, todo el estilo, por supuesto,

8
00:00:38,320 --> 00:00:42,190
ocurre con Javascript porque solo se trata de un código Javascript

9
00:00:42,190 --> 00:00:46,750
aquí, es un objeto Javascript al final al que apuntamos aquí cuando asignamos un

10
00:00:46,990 --> 00:00:51,270
estilo y, en general, usted controla todo Interfaz de usuario con Javascript.

11
00:00:51,310 --> 00:00:53,590
Esta parte aquí, la vista, por lo

12
00:00:53,800 --> 00:00:55,890
que los elementos que está

13
00:00:55,960 --> 00:00:59,850
construyendo aquí, esta es la parte que React Native compilará en código

14
00:01:00,190 --> 00:01:03,670
nativo, esta parte aquí, su otro código Javascript, que permanecerá código

15
00:01:03,670 --> 00:01:07,280
Javascript, que no se compilará , en cambio, se ejecutará en

16
00:01:07,370 --> 00:01:13,300
esta máquina virtual que le mostré en la sección uno de este curso y luego hablará con el código

17
00:01:13,300 --> 00:01:20,230
nativo a través de un puente especial configurado por React Native. Ahora y aparte de eso, usamos características

18
00:01:20,230 --> 00:01:22,030
normales de React.

19
00:01:22,060 --> 00:01:29,770
Estamos usando accesorios para pasar datos, estamos usando estado aquí con useState, el gancho useState

20
00:01:29,770 --> 00:01:35,650
para usar solo componentes funcionales. Podría haber convertido esto en un componente basado en la

21
00:01:35,650 --> 00:01:39,440
clase para usar el estado establecido allí y usar el estado allí, ya que probablemente

22
00:01:39,520 --> 00:01:43,690
aprendió sobre los componentes basados en la clase, pero quiero usar esta sintaxis React muy moderna y,

23
00:01:43,870 --> 00:01:47,560
por lo tanto, uso los ganchos React y con eso, tengo lo básico establecido.

24
00:01:47,560 --> 00:01:52,420
Ahora, por supuesto, además de los documentos oficiales que siempre valen la pena si

25
00:01:52,420 --> 00:01:59,650
desea obtener más información sobre un componente específico, profundizaremos mucho más en estos componentes que usamos aquí, en el estilo y en

26
00:01:59,650 --> 00:02:06,460
la siguiente sección, también tendremos un vistazo a cómo puede depurar una aplicación de este tipo antes de que luego creemos

27
00:02:06,460 --> 00:02:12,460
una aplicación diferente, una aplicación más hermosa ya donde luego nos sumergimos también en preguntas como cómo puede

28
00:02:12,460 --> 00:02:20,320
ajustar su aplicación a diferentes tamaños de dispositivo, cómo puede diseñar sus widgets, su componentes de una manera un poco mejor y también cómo

29
00:02:20,620 --> 00:02:25,360
puede ajustar sus estilos o su diseño a las diferentes plataformas, por lo que

30
00:02:25,360 --> 00:02:27,370
iOS para Android, está ejecutando.