¿Que es JSX?
Es una extensión que hace referencia a JavaScript(JS) y HTML (XHL) y nos permite mezclar ambas sintaxis. Fue creada por Facebook para el uso en la librería React.
¿Que es el Virtual DOM?
Recapitulación:
DOM Se refiere a la abreviatura de Document Object Model en español se le conoce como modelo de objetos de documento. La misma facilita una representación estructurada del documento de forma jerárquica y define de que manera se va a renderizar en el explorador a fi de modificar su estructura, estilo y contenido.
Fuente: Clase de DOM
El Virual DOM como su describe es una manera de representar el DOM guardado en memoria y que actúa como mediador o intermediario entre los estados de la aplicación y los estados del DOM (renderizados). Cuando ocurre un cambio en la aplicación web, el virtual DOM interpretara estos cambios y calculara la manera eficiente de renderizar el DOM con la menor cantidad de cambios posibles.
Ciclo de vida
Todas las apicaciones tienen un ciclo de vida desde que inicia hasta la actualizacion y posterior desactivacion para que no este presente dentro de una estructura.
Tambien son una serie de funciones que se ejecutan en distintos mmomento de la vida del componente y nos permiten realizar distintas acciones en estos momentos.
Mas contenido sobre los Ciclos de vida de un componente de React.js
Estados
Un estado en React es un almacen de datos mutable dde componentes y ademas son autonomos. El estado pertenece a una clase autonoma que cualquiera pueda importar y usar en su aplicacion.
En otras palabras el estado es el cual determina tanto al informacion que se renderiza en pantalla, hasta como se representa la informacion.
El estado puede cambiar la apariencia grafica de un componente y la forma en la se muestra dicha informacion.
Eventos
Los evento en React se definen generalmente de manera declarativa, en el codigo de la vista o template, producido con JSX en el metodo render(). para definirlo tenemos que indicar 2 cosas: primero el tipo de evento que queremos implementar y luego el metodo que hara las veces de manejador de evento.
Hooks
Los hooks son funciones totalmente encapsuladas, creando un estado local aislado dentro del componente en que se ejecuta, es decir, no son una forma de compartir estado, si no, una forma de compartir logica con estado.
Mas informacion sobre ¿Que son los Hooks
