Entonces aprendimos que tenemos que indicar Transvaal y puedo decirte que este archivo al final incluye Decode,
que se ejecuta primero.
Cuando comenzamos nuestra aplicación y eso hace que esta cosa extraña entre en el lugar de este d'Hiv aquí.
¿Qué es esa extraña aplicación aquí?
Reimportación de la aplicación desde este archivo de aplicación Indio desde el archivo de aplicación Shreyas.
Porque las extensiones se agregan automáticamente en las importaciones.
Estimado, lo que tenemos es al final una función de JavaScript.
Esta es una función regular, una función de flecha almacenada y es constante.
Y luego exportamos esta constante y, por lo tanto, es una función bastante sencilla.
Pero lo que hay dentro de la función no es sencillo.
Lo que devolvemos aquí parece edad, Timal, al igual que esto parece edad html, pero está en un archivo
JavaScript.
No puede ser h html.
Derecha.
No puede agregar h html en un archivo JavaScript.
Esa es una sintaxis especial inventada por el equipo React.
Se llama J como X ..
Y nos permite a H enviar un correo electrónico buscando código en archivos JavaScript debajo del capó.
Esto se traducirá a instrucciones que reacciona entiende en detalle.
Este año es similar al elemento react create, un método proporcionado en este objeto react aquí y luego aquí.
Edad uno
Y luego aquí.
No.
O un objeto vacío.
Y luego hay un tercer argumento, su texto aquí, por ejemplo.
Hola.
Esto es reaccionar.
Texto diferente al anterior, pero mostrará algo similar en la pantalla.
Esto producirá el mismo resultado y puedo demostrártelo.
Si simplemente iniciamos nuestro servidor de desarrollo e intentamos ver esta aplicación y la acción para iniciarlo y el paquete para
perseguir el archivo, encontraremos un script para iniciar el script, que ya existe allí.
Y esto, al final, utilizará esas herramientas.
Mencioné anteriormente para luego transformar nuestro código y poner en marcha un servidor de desarrollo
que automáticamente recarga o inyecta cambios cuando cambiamos algo.
Entonces aquí podemos abrir una nueva terminal integrada en esta idea.
Y están en NPM comienzan a abrir ese servidor de desarrollo.
Y debe mantener ese servidor en funcionamiento mientras trabaje en su código, porque cuando lo cierra, ya
no puede obtener una vista previa de su página, su aplicación.
Ahora, cuando inicia este servidor, cuando ejecuta npm start, debería abrir automáticamente una nueva pestaña
en el navegador en localhost 3000.
Si no lo hace solo por su cuenta y visitado y querido, debería ver hide.
Esto es reaccionar, que claramente es el texto que ingresé aquí.
Así que al final de este año es React Syntex y podríamos escribir toda nuestra aplicación con esta sintaxis.
Pero esto se vuelve muy engorroso, especialmente si comenzamos a anidar elementos entre sí.
Es por eso que React nos da esta alternativa J. S. Sintaxis X, que al final solo se traduce
para reaccionar, crear elemento y luego lo que acabo de mostrar.
Esa es también la razón por la que necesitamos importar reaccionar aquí, a pesar de que parece que no estamos usando este objeto de
reacción en ninguna parte de este archivo.
Derecha.
Tenemos que reaccionar el texto aquí, pero eso es algo diferente.
Así que no lo estamos usando en ninguna parte de este archivo.
Bueno, se usa implícitamente porque esto es solo azúcar sintáctico.
Al final, se traduce a esa sintaxis obvia.
Te lo mostré
Y de eso se trata el reactor.
Le decimos a reaccionar qué elementos debe representar.
Y debajo del capó, lo traduciremos a comandos que el DOM entiende, que el
navegador entiende para representar elementos DOM reales.
Ahora, por ejemplo, si agrego el título aquí, que nos da esta información sobre herramientas que está integrada en el navegador,
básicamente.
Esto funciona y lo guardo.
Se recarga automáticamente.
No es necesario que lo haga solo y ahora debe pasar el cursor sobre esto.
Ves esta información sobre herramientas.
Esto funciona muy pequeño aquí, pero puede verlo si prueba esto en su propio sistema.
Ahora, esto funciona porque papá, al final se traduce para reaccionar, crear elemento.
La primera edad, luego objeta, lo que consideramos vacío aquí.
Establecemos los atributos o las propiedades que queremos establecer en ese nodo DOM, que se crea aquí en
este caso, título dos, esto funciona.
Y luego, tenemos el texto.
Así es como funciona y reacciona esto.
Haremos todo lo que tenga que hacer.
Creará este elemento.
Establecerá todas estas propiedades o atributos aquí.
Y representará el último argumento aquí.
Dentro de ese elemento creado.
Y esa es también la parte en la que es J el código X nos ayuda, porque si aquí tenemos,
digamos, otro elemento H html.
Tendríamos que anidar múltiples reacciones, crear llamadas de elementos entre sí, lo que rápidamente se vuelve muy
difícil de administrar.
Es por eso que es J es el índice X.
Aquí hay una gran idea, un gran invento.
Entonces usaremos la sintaxis y también la usamos aquí en el Índice J.
S.
Sin embargo, la diferencia es que aquí no lo usamos con una H. normal
Elemento Timal Dom.
Pero en su lugar aquí usamos una función personalizada porque estamos usando lo que se exporta en la apertura como archivo.
Y lo que exportamos allí es una función JavaScript normal.
Bueno, ese es uno de los conceptos más importantes de los componentes de reacción.