1
00:00:02,370 --> 00:00:04,560
Una parte crucial de React

2
00:00:04,680 --> 00:00:07,900
Native son estos componentes que están integrados en React

3
00:00:07,920 --> 00:00:13,340
Native porque, como aprendió en la primera sección de este curso, estos son componentes especiales

4
00:00:13,350 --> 00:00:21,420
para los que React Native sabe cómo traducir, cómo compilarlos en los widgets de la plataforma Native y usted solo puede usar dichos

5
00:00:21,420 --> 00:00:23,730
componentes en las aplicaciones React Native.

6
00:00:23,790 --> 00:00:29,070
Puede construir sus propios componentes, pero estos también deben estar compuestos al final de estos componentes

7
00:00:29,190 --> 00:00:29,910
integrados,

8
00:00:30,000 --> 00:00:33,390
no puede usar divs o párrafos ni nada de eso.

9
00:00:33,600 --> 00:00:38,550
Entonces, tenemos que trabajar con los integrados en React Native porque React Native sabe cómo traducirlos

10
00:00:38,550 --> 00:00:43,640
y allí, tenemos cosas como la vista, texto, botón, entrada de texto táctil, imagen, estos son

11
00:00:43,650 --> 00:00:46,620
algunos de los componentes que verá a lo

12
00:00:46,620 --> 00:00:51,150
largo de este curso, hay más y veremos muchos de ellos a lo largo

13
00:00:51,150 --> 00:00:58,620
del curso y aprenderá cómo trabajar con ellos, cómo configurarlos y cómo componer buenas interfaces de usuario con la ayuda de estos componentes.

14
00:00:58,620 --> 00:01:04,500
Ahora, como acabo de mencionar, por supuesto, crea sus interfaces de usuario, sus componentes personalizados con la ayuda

15
00:01:04,500 --> 00:01:11,130
de estos componentes incorporados aquí, por lo que compone su interfaz de usuario, sus componentes a partir de estos componentes

16
00:01:11,160 --> 00:01:16,830
integrados allí y se parece a esto . Usted construye su propio componente de mi título tomando los incorporados

17
00:01:16,830 --> 00:01:23,520
y mezclándolos y combinándolos para obtener el aspecto o el componente que necesita. El estilo también es una parte importante

18
00:01:23,520 --> 00:01:28,770
en las aplicaciones React Native y allí es importante entender que React Native

19
00:01:28,860 --> 00:01:35,070
no usa tecnologías web, no usa HTML, posiblemente usa Javascript pero no usa HTML y tampoco

20
00:01:35,070 --> 00:01:41,580
usa CSS, por lo que CSS que usa para diseñar en la web no es compatible con

21
00:01:41,580 --> 00:01:50,010
React Native, pero le brinda comandos de estilo, configuración de estilo que puede agregar a sus componentes, por lo que a estos

22
00:01:50,010 --> 00:01:55,740
componentes que están integrados en React Native ya sea con la ayuda de inline

23
00:01:55,830 --> 00:02:02,580
estilos o con los llamados objetos de hoja de estilo y allí, escribe estas instrucciones de estilo

24
00:02:02,580 --> 00:02:09,990
en Javascript pero usa una sintaxis basada en CSS. Por lo tanto, no está directamente relacionado con CSS, pero por supuesto está

25
00:02:10,170 --> 00:02:17,310
influenciado por CSS, muchas de las instrucciones que usa aquí están inspiradas en CSS y muchas de las reglas o de las propiedades que conoce de

26
00:02:17,310 --> 00:02:24,420
CSS también funcionan aquí en Javascript, en su aplicación React Native . Ahora, con respecto a los estilos en línea vs

27
00:02:24,420 --> 00:02:30,810
objetos de hoja de estilo, mostraré ambos, pero ya diré que es preferible usar el objeto de hoja

28
00:02:30,840 --> 00:02:34,800
de estilo, pero volveré a eso una vez que lo usemos.

29
00:02:34,910 --> 00:02:39,450
Y con eso, ahora que sabemos aproximadamente qué pasa con los componentes y el estilo,

30
00:02:39,550 --> 00:02:43,220
¿por qué no comenzamos y comenzamos a trabajar con estas cosas?