Please enable JavaScript.
Coggle requires JavaScript to display documents.
React - Coggle Diagram
React
Componentes
- Unidades básicas de construcción en React.
- Reutilizables y manejan su propio estado
Tipos:
- Definidos como funciones.
- Utilizan hooks para manejar el estado y efectos secundarios.
- Definidos como clases que extienden React.Component.
- Utilizan métodos de ciclo de vida y manejan estado.
- Propiedades que se pasan a los componentes.
- Inmutables dentro del componente.
- Estado interno del componente.
- Mutable dentro del componente.
- Métodos especiales en componentes de clase.
- Ejemplos: componentDidMount, componentDidUpdate, componentWillUnmount.
JSX
.
- Extensión de JavaScript similar a HTML.
- Facilita la creación de elementos React.
- JSX se transforma en llamadas a React.createElement().
- Puede contener lógica JavaScript.
- Babel convierte JSX en JavaScript entendible por el navegador.
Eventos
.
- Maneja el evento de clic en un elemento.
- Maneja el evento de cambio en un input.
- Maneja el evento de envío de un formulario.
- Maneja el evento de entrada del puntero del ratón en un elemento.
- Maneja el evento de salida del puntero del ratón de un elemento.
Virtual DOM
.
- Representación ligera del DOM real.
- Actualizaciones eficientes y rápidas.
- Minimiza las manipulaciones del DOM real.
- Mejora el rendimiento y la experiencia del usuario.
Hooks
.
- Maneja el estado en componentes funcionales.
- Devuelve un valor de estado y una función para actualizarlo.
- Maneja efectos secundarios en componentes funcionales.
- Se ejecuta después de la renderización del componente.
- Hooks personalizados para reutilizar lógica de estado y efectos.
-
-
-