Primeros pasos

@julianfere/hooked es una colección de React hooks con tipado estricto, sin dependencias externas más allá de React.

Instalación

npm install @julianfere/hooked

yarn add @julianfere/hooked

Puntos de entrada

El paquete expone dos puntos de entrada:

Import	Contenido
@julianfere/hooked	useAsync, useDebounce, useThrottle, useDelay, useDocumentTitle, useLocalStorage, useQueryParams
@julianfere/hooked/events	factory (sistema pub/sub con EventContext)

Ejemplo rápido

import { useAsync } from "@julianfere/hooked";

function PerfilUsuario({ id }: { id: string }) {
  const { data, status, trigger } = useAsync(
    (signal: AbortSignal) =>
      fetch(`/api/usuarios/${id}`, { signal }).then((r) => r.json())
  );

  if (status === "pending") return <p>Cargando…</p>;
  if (status === "rejected") return <p>Error al cargar el usuario.</p>;

  return (
    <div>
      <h1>{data?.name}</h1>
      <button onClick={() => trigger()}>Actualizar</button>
    </div>
  );
}

Requisitos

• React 18.2+
• TypeScript 5.0+ (recomendado)