*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

# Configuración inicial
git config --global user.name 'Tu Nombre'
git config --global user.email 'tu@email.com'
git config --global init.defaultBranch main

# Alias útiles
git config --global alias.lg "log --oneline --graph"

const getData = async (url) => {
  try {
    const res = await fetch(url);
    if (!res.ok) throw new Error(res.status);
    return res.json();
  } catch (e) {
    console.error(e); return null;
  }
};

/* Centra cualquier hijo */
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Grid version */
.center-grid {
  display: grid;
  place-items: center;
}

useEffect(() => {
  const sub = subscribe(callback);
  return () => sub.unsubscribe();
}, [dep]);

// Con AbortController
useEffect(() => {
  const ac = new AbortController();
  fetch(url, { signal: ac.signal });
  return () => ac.abort();
}, [url]);

const store = {
  set: (k, v) =>
    localStorage.setItem(k, JSON.stringify(v)),

  get: (k, fb = null) =>
    JSON.parse(localStorage.getItem(k)) ?? fb,

  del: (k) =>
    localStorage.removeItem(k),
};