Para que este adjunto encuentre un proyecto inicial, este proyecto inicial se creó con la aplicación Create React,
una herramienta creada por el equipo React.
Al final, lo que facilita la puesta en marcha de nuevos proyectos de reacción y nos da una estructura de proyecto como esta.
Lo ajusté un poco, pero en general es exactamente lo mismo que obtendría con esta herramienta.
Ahora, ¿por qué necesitamos una herramienta así?
¿Por qué no solo importamos un script en nuestro H.
Archivo HTML y empezar?
Porque React es un poco más complejo que JavaScript de vainilla.
Al final, enviamos código JavaScript vainilla, pero la forma en que escribimos en el código es un poco más conveniente para
nosotros como desarrolladores.
Podemos usar ciertas características que no se ejecutarían en el navegador y, por lo tanto, la configuración de este
proyecto aquí tiene un par de herramientas incluidas que toman el código que escribimos como desarrollador y lo convierten en un código
que se ejecuta en un navegador.
Entonces, ¿teníamos Neuroma, el código que se ejecuta en el navegador?
Pero nos resulta más fácil escribir ese código como desarrollador.
Además, obtenemos un servidor de desarrollo, que es un servidor simple que sirve a nuestra aplicación front-end, por lo
que no tiene respaldo y solo sirve esa aplicación front-end y que automáticamente recarga o inyecta cambios
cada vez que cambiamos y guardamos algo en una de nuestras fuentes archivos de código
Además, aquí con REACT, estamos creando una aplicación de página única.
Eso no es obligatorio, pero es una opción común en una aplicación de una sola página.
Solo tiene un archivo H Timal, que al final es devuelto por el servidor que sirve esa aplicación.
En este caso, este archivo de Timmo de edad, que está relativamente vacío.
Pero este archivo luego incluirá importaciones de scripts.
Se agregarán automáticamente mediante estas herramientas que mencioné anteriormente, que al final alojan y ejecutan nuestra aplicación
de reacción, que a su vez estamos aquí en la carpeta de origen con nuestros archivos, así que
al final tenemos una aplicación web de Front End, que consiste en un archivo h html donde Denn JavaScript
se usa para representar algo en la pantalla y volver a representar ese elemento en la pantalla cuando
sea necesario.
Y eso nos permite construir interfaces de usuario modernas altamente reactivas donde todo sucede instantáneamente porque JavaScript se
ejecuta en el navegador, las cosas suceden instantáneamente.
No necesitamos esperar a que un nuevo archivo L se descargue de un servidor.
Es que todo ya está ahí.
Entonces, cuando un usuario hace clic en un botón y queremos mostrar un cuadro en la pantalla en respuesta a ese
auge de clics, ocurre instantáneamente debido a JavaScript.
Ese es el sentimiento que queremos brindar.
Podemos hacer eso con reaccionar ahora.
Basta de hablar de la teoría.
Escribamos un código.
Como mencioné, lo hacemos aquí en la carpeta de origen donde encontramos un índice de su archivo en el
archivo Chase de la aplicación, ambos archivos muy simples.
Ahora echemos un vistazo al teléfono de probabilidad indexada.
Ahí ves, tenemos un par de importaciones en la parte superior.
Así es, por cierto, cómo se importa el código en el front-end.
Importa algo desde y luego Śiva una ruta relativa a tu propio archivo.
O si es un paquete de terceros, solo un nombre de paquete.
Y luego aquí tenemos importaciones de nuestros propios archivos con una ruta relativa.
Como mencioné, aquí estamos ejecutando un comando al final.
Reaccionar Dom render.
Ahora, esto proviene del objeto React Dom aquí al final, que estamos importando
de la biblioteca React Arm, y eso hace que esto sea extraño, que no es JavaScript normal.
Eres tu.
Esto juega en nuestro H. METRO. página.
Este es JavaScript normal.
Y aquí estamos seleccionando el elemento con una idea de raíz.
Si echamos un vistazo a nuestro único archivo HGL, este es Dave aquí.
Entonces, los datos están al final donde nuestra aplicación Reaccionar página única se alojará en dos.
Y están listos para reaccionar, se harán cargo y renderizarán todo en ese lugar.
Entonces eso es lo que estamos haciendo aquí.
Pero, ¿qué es esto extraño para papá?
Necesitamos entender qué son los componentes y cómo funciona la reacción.