Sobes.tech
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.