1
00:00:02,300 --> 00:00:04,970
Reaccionar se trata de componentes.

2
00:00:05,130 --> 00:00:05,990
¿Ahora, que significa esto?

3
00:00:06,740 --> 00:00:13,010
Este año, esta función aquí es, por supuesto, una función JavaScript normal, pero también es un componente de

4
00:00:13,010 --> 00:00:13,610
reacción.

5
00:00:14,000 --> 00:00:15,560
¿Qué constituye un componente de reacción?

6
00:00:16,100 --> 00:00:18,020
Un componente de reacción puede ser una de dos cosas.

7
00:00:18,230 --> 00:00:20,750
Puede ser una función que vuelve.

8
00:00:20,760 --> 00:00:28,850
J dice que los actos o los retornos reaccionan, crean llamadas a elementos o puede ser una clase de JavaScript que tiene un método de

9
00:00:28,850 --> 00:00:29,270
representación.

10
00:00:29,810 --> 00:00:38,420
Entonces, este año, si cambiara, todo esto sería una aplicación de clase de componente de reacción que extiende el componente de reacción.

11
00:00:38,430 --> 00:00:39,140
Eso es importante.

12
00:00:39,170 --> 00:00:43,310
Debe extender el componente Reia y luego debe agregar un método de representación.

13
00:00:43,700 --> 00:00:46,790
Y en ese método de renderizado devuelve G. S. X.

14
00:00:47,090 --> 00:00:50,570
Este es un componente de reacción regular también.

15
00:00:50,570 --> 00:00:53,810
Y si te salva, Darfor verá la misma salida que antes.

16
00:00:53,840 --> 00:00:55,820
Funciona básicamente de la misma manera.

17
00:00:56,360 --> 00:01:01,490
Hay algunas diferencias técnicas que discutí en detalle en mi reacción a un curso de guía completo

18
00:01:01,850 --> 00:01:02,220
aquí.

19
00:01:02,330 --> 00:01:03,440
Realmente no importa.

20
00:01:03,770 --> 00:01:09,320
En la reacción moderna, solo puede usar componentes funcionales, por lo tanto, componentes basados en funciones.

21
00:01:09,680 --> 00:01:11,450
Y eso es lo que hará en este curso.

22
00:01:11,510 --> 00:01:13,610
Escribiremos cada componente como una función.

23
00:01:13,940 --> 00:01:15,030
No es algo que debe hacer.

24
00:01:15,140 --> 00:01:19,790
Y como mencioné en mi reacción, una guía completa, aprende sobre ambos tipos y cómo difieren.

25
00:01:20,030 --> 00:01:24,050
Pero usar componentes de funciones solo definitivamente es una forma moderna de usar react.

26
00:01:24,320 --> 00:01:25,910
Y, por lo tanto, es la forma en que usaremos.

27
00:01:26,540 --> 00:01:30,430
Pero siempre tenga en cuenta que esta es solo una función de trabajo regular.

28
00:01:30,800 --> 00:01:39,260
Lo que lo convierte en un componente de reacción es que devuelve este J como X o reacciona creando la lógica del elemento.

29
00:01:39,290 --> 00:01:44,150
Al final aquí, si regresamos, digamos que un objeto en su lugar hace qué.

30
00:01:44,210 --> 00:01:47,590
No será un componente de reacción y, por lo tanto, obtendrá un error si protege.

31
00:01:47,990 --> 00:01:53,990
Realmente tiene que ser J como código X, algo que se puede interpretar como S. J como X le gusta esto aquí.

32
00:01:54,380 --> 00:01:56,630
Así es como reacciona, funciona.

33
00:01:56,930 --> 00:02:02,750
Y, por lo tanto, aquí estoy, exportando cavando mi propio componente porque este se trata como un componente y sus propios

34
00:02:02,780 --> 00:02:05,510
componentes también se pueden usar en J como X.

35
00:02:05,570 --> 00:02:10,910
Lo único importante es que deberían comenzar con un carácter en mayúscula en el archivo donde

36
00:02:10,910 --> 00:02:18,770
los usó en J como X, porque esto indica que no es una aplicación de etiqueta H Timal integrada, no sería una etiqueta

37
00:02:18,770 --> 00:02:21,560
incorporada, pero que es un componente personalizado.

38
00:02:21,740 --> 00:02:26,310
Y esta información es importante para reaccionar y, por lo tanto, comenzar con un personaje de ópera.

39
00:02:26,600 --> 00:02:30,210
Pero luego puede usar cualquier componente personalizado en J es X.

40
00:02:30,680 --> 00:02:38,150
Y lo bueno ahora es que podemos construir nuestra aplicación a partir de pequeños componentes reutilizables y componer nuestra interfaz

41
00:02:38,270 --> 00:02:41,390
de usuario con la ayuda de dichos componentes.

42
00:02:42,060 --> 00:02:43,290
¿Y fue por eso que no hacemos eso?

43
00:02:43,310 --> 00:02:48,390
¿Por qué no creamos una aplicación simple de primera reacción y vemos cómo las cosas funcionan juntas allí?