Junior — Middle
¿Podría explicar qué son los Hooks en el contexto de React u otras bibliotecas/frameworks?
sobes.tech AI
Respuesta de la IA
Los Hooks son funciones en React (y en algunas otras bibliotecas) que permiten usar el estado y otras características de React sin escribir clases. Permiten "conectarse" al ciclo de vida de los componentes y gestionar el estado en componentes funcionales.
Los hooks principales:
- useState — para almacenar y actualizar el estado.
- useEffect — para realizar efectos secundarios (por ejemplo, cargar datos, suscripciones).
Ejemplo de uso de useState y useEffect:
import React, { useState, useEffect } from 'react';
function Counter() {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `Has pulsado ${count} veces`;
}, [count]);
return (
<div>
<p>Has pulsado {count} veces</p>
<button onClick={() => setCount(count + 1)}>
Haz clic en mí
</button>
</div>
);
}
De esta forma, los Hooks hacen que el código de los componentes sea más compacto y fácil de reutilizar la lógica.