¿Qué es un hook?

Un hook es una función especial introducida en React 16.8 que permite acceder a funcionalidades del framework como el estado (useState) o efectos (useEffect) dentro de componentes funcionales.

Ejemplo con useState

import { useState } from "react";

function Contador() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

---

Tipos comunes de hooks

• useState: manejo del estado.
• useEffect: efectos secundarios (peticiones, timers…).
• useContext: acceso al contexto global.
• Hooks personalizados: lógica reutilizable.

Conclusión

Los hooks hacen que React sea más flexible y modular. Permiten usar lógica de estado y ciclos de vida en componentes funcionales de forma sencilla.

---