Goodies

Snippets

Fragmentos de código listos para usar

Fragmentos de code listos para copiar, adaptar y pegar: patrones de React, utilidades de TypeScript, lógica de frontend y funciones que uso una y otra vez. La idea es tener un lugar ordenado donde encontrar soluciones rápidas sin reinventar la rueda cada vez.

Async & Promises

sleep

Pausa la ejecución durante un tiempo específico usando un delay basado en Promise.

#async #promise #utility

debounce

Limita la frecuencia de ejecución de una función retrasándola hasta que las llamadas se detengan.

#async #performance #events

throttle

Limita la ejecución de una función a máximo una vez por intervalo.

#async #performance #events

memoize

Cachea resultados de funciones para evitar cálculos redundantes.

#async #performance #cache

once

Asegura que una función solo se llame una vez, retornando el resultado cacheado.

#async #utility #singleton

retry

Reintenta una operación asíncrona con backoff exponencial en caso de fallo.

#async #error-handling #resilience

withTimeout

Añade un timeout a cualquier Promise, rechazándola si tarda demasiado.

#async #promise #timeout

Array Utilities

last

Obtiene el último elemento de un array de forma segura.

#array #utility

chunk

Divide un array en arrays más pequeños de un tamaño específico.

#array #utility #pagination

uniqueBy

Elimina duplicados de un array basándose en una función selectora de clave.

#array #utility #deduplication

groupBy

Agrupa elementos de un array por una clave en un objeto de arrays.

#array #utility #grouping

partition

Divide un array en dos basándose en una función predicado.

#array #utility #filtering

shuffle

Mezcla aleatoriamente los elementos de un array usando el algoritmo Fisher-Yates.

#array #utility #random

Math & Numbers

clamp

Restringe un número a un rango min/max.

#math #utility #number

range

Genera un array de números desde inicio hasta fin con paso opcional.

#math #utility #array

Data & Validation

safeJsonParse

Parsea JSON de forma segura con resultado tipado y manejo de errores.

#data #json #error-handling

isPlainObject

Verifica si un valor es un objeto JavaScript simple (no array, null, etc).

#data #type-guard #utility

isNonNull

Type guard para filtrar valores null y undefined.

#data #type-guard #utility

String Manipulation

slugify

Convierte un string a un slug amigable para URLs.

#string #url #utility

Internationalization

formatCurrency

Formatea un número como moneda usando Intl.NumberFormat.

#intl #formatting #currency

formatRelativeTime

Muestra tiempo relativo legible como 'hace 2 días'.

#intl #formatting #date

Date & Time

diffInDays

Calcula la diferencia entre dos fechas en días.

#date #utility #time

Browser APIs

storage

Wrapper de localStorage con tipos seguros y serialización JSON.

#browser #storage #utility

copyToClipboard

Copia texto al portapapeles con fallback para navegadores antiguos.

#browser #clipboard #utility

waitForElement

Espera a que un elemento DOM aparezca usando MutationObserver.

#browser #dom #async

scrollToId

Hace scroll suave a un elemento por su ID.

#browser #scroll #dom

onResize

Suscríbete a eventos de resize de window con limpieza automática.

#browser #events #utility

URL & Query Strings

parseQuery

Parsea un query string de URL a un objeto.

#url #query-string #utility

toQueryString

Convierte un objeto a un query string de URL.

#url #query-string #utility

Functional Programming

pipe

Compone funciones de izquierda a derecha para pipelines funcionales.

#fp #functional #composition

TypeScript Types

ValueOf

Extrae la unión de todos los tipos de valores de un tipo objeto.

#types #typescript #utility-type

Prettify

Expande y aplana tipos de intersección complejos de TypeScript para legibilidad.

#types #typescript #utility-type

DeepPartial

Hace todas las propiedades de un objeto opcionales recursivamente.

#types #typescript #utility-type

Brand

Crea tipos nominales/branded para IDs y primitivos con tipos seguros.

#types #typescript #utility-type

assertNever

Verificador de exhaustividad para uniones discriminadas de TypeScript.

#types #typescript #utility

KeysOfUnion

Obtiene todas las claves de una unión de tipos objeto.

#types #typescript #utility-type

Merge

Fusiona dos tipos objeto donde B sobrescribe las propiedades de A.

#types #typescript #utility-type

hasType

Type guard para uniones discriminadas basado en la propiedad type.

#types #typescript #type-guard