1
00:00:02,170 --> 00:00:05,170
Entonces, ¿qué es exactamente reaccionar, J. S.?

2
00:00:05,710 --> 00:00:09,730
Es una biblioteca de JavaScript para construir interfaces de usuario.

3
00:00:09,940 --> 00:00:14,380
Y como tal, se trata de ejecutar JavaScript en el navegador.

4
00:00:14,620 --> 00:00:18,430
Es una biblioteca de JavaScript para el código JavaScript del lado de los navegadores.

5
00:00:18,640 --> 00:00:20,300
No es un nodo J.

6
00:00:20,310 --> 00:00:21,010
S biblioteca.

7
00:00:21,010 --> 00:00:23,380
Es un sitio de navegador, biblioteca de JavaScript.

8
00:00:23,980 --> 00:00:30,700
Ahora, para ser precisos, React Chance se conoce como una biblioteca porque está muy enfocada en

9
00:00:30,700 --> 00:00:32,410
esa interfaz de usuario.

10
00:00:32,950 --> 00:00:39,430
Pero en realidad comenzó un gran ecosistema con otros paquetes de terceros que, por ejemplo, nos ayudan con

11
00:00:39,430 --> 00:00:44,890
la administración del estado de toda la aplicación o con el enrutamiento, enrutamiento front-end.

12
00:00:45,190 --> 00:00:47,860
Y por lo tanto, efectivamente, también podría llamarlo un marco.

13
00:00:47,890 --> 00:00:51,760
Yo diría, pero estas son semánticas, no demasiado importantes en este momento.

14
00:00:52,150 --> 00:00:55,570
En cambio, comprendamos cómo funciona reaccionar y cómo lo usamos.

15
00:00:56,500 --> 00:01:02,970
React nos ayuda a crear interfaces de usuario que se muestran en el navegador que se ejecutan en el navegador y, por lo

16
00:01:02,980 --> 00:01:06,220
tanto, lo usamos para construir el front-end de las aplicaciones web.

17
00:01:06,310 --> 00:01:12,640
Lo que el usuario ve reaccionar no se ejecuta en un servidor reacciona, no se comunica con bases de datos.

18
00:01:12,910 --> 00:01:20,050
Lo usamos para construir interfaces de usuario modernas altamente reactivas, y lo hacemos siguiendo un enfoque declarativo, lo que

19
00:01:20,080 --> 00:01:27,730
significa que, en respuesta, Robert encontramos el resultado y tal vez diferentes estados del resultado y bajo qué estado queremos

20
00:01:27,790 --> 00:01:33,880
representar qué y qué mostrar, qué en la pantalla en lugar de los pasos que

21
00:01:33,880 --> 00:01:35,290
conducen al resultado.

22
00:01:35,680 --> 00:01:41,140
Ese sería un enfoque imperativo, que es básicamente lo que tenemos si usamos JavaScript de vainilla donde

23
00:01:41,620 --> 00:01:43,660
tenemos que definir cada paso.

24
00:01:43,960 --> 00:01:47,830
Agregue este elemento, agregue este C es lo más cercano a un elemento.

25
00:01:47,920 --> 00:01:49,420
Eliminar este elemento.

26
00:01:49,780 --> 00:01:51,700
Esto es lo que hacemos en JavaScript vainilla.

27
00:01:51,820 --> 00:01:55,180
Esto puede ser interfaces de usuario muy engorrosas y muy complejas.

28
00:01:55,540 --> 00:02:01,390
Por lo general, no queremos hacer eso si estamos creando aplicaciones más grandes porque administramos

29
00:02:01,390 --> 00:02:08,020
y organizamos todos estos pasos y nos aseguramos de que cuando algo cambie, ejecutemos los pasos correctos

30
00:02:08,020 --> 00:02:15,160
sea muy propenso a errores y requiera mucho esfuerzo y trabajo. lógica comercial real y de construir buenas interfaces

31
00:02:15,160 --> 00:02:22,150
de usuario y, en cambio, nos obliga a dedicar mucho trabajo a las primitivas de JavaScript para reinventar la

32
00:02:22,150 --> 00:02:23,200
rueda, etc.

33
00:02:23,210 --> 00:02:24,340
Y no queremos hacer eso.

34
00:02:24,910 --> 00:02:27,940
Entonces, reaccionamos mientras nos enfocamos en el resultado.

35
00:02:28,000 --> 00:02:31,120
Y lo hacemos utilizando componentes.

36
00:02:31,270 --> 00:02:34,390
Componentes es un concepto introducido por react.

37
00:02:34,660 --> 00:02:40,150
Básicamente, estos son bloques de construcción de interfaz de usuario que definimos y aprenderá cómo hacerlo.

38
00:02:40,180 --> 00:02:46,720
En este módulo, por supuesto, que definimos y luego componimos nuestra interfaz de usuario a partir de estos

39
00:02:46,750 --> 00:02:52,720
componentes y cada componente también puede definir lo que debe representar, bajo qué circunstancia y

40
00:02:52,720 --> 00:02:59,740
reacción luego conectará mágicamente todo detrás de escena e implementará todos estos pasos En una caja gris aquí para

41
00:03:00,100 --> 00:03:00,610
nosotros.

42
00:03:00,960 --> 00:03:04,600
Entonces, ¿no tuvimos que escribir los pasos para encontrar resultados?

43
00:03:05,230 --> 00:03:06,440
Esto es reactivo.

44
00:03:06,480 --> 00:03:07,720
Sí, en pocas palabras.

45
00:03:07,840 --> 00:03:11,400
Ahora echemos un vistazo a cómo funciona realmente cuando escribimos un código.