Goodies

Snippets

Ready-to-use code snippets

Ready-to-use code fragments you can copy, adapt and paste: React patterns, TypeScript helpers, frontend logic and functions I reuse constantly. The goal is to have an organized place to find quick solutions without reinventing the wheel every time.

Async & Promises

sleep

Pause execution for a specified duration using a Promise-based delay.

#async #promise #utility

debounce

Limit function execution rate by delaying until calls stop.

#async #performance #events

throttle

Limit function execution to at most once per interval.

#async #performance #events

memoize

Cache function results to avoid redundant computations.

#async #performance #cache

once

Ensure a function is only called once, returning the cached result.

#async #utility #singleton

retry

Retry an async operation with exponential backoff on failure.

#async #error-handling #resilience

withTimeout

Add a timeout to any Promise, rejecting if it takes too long.

#async #promise #timeout

Array Utilities

last

Get the last element of an array safely.

#array #utility

chunk

Split an array into smaller arrays of a specified size.

#array #utility #pagination

uniqueBy

Remove duplicates from an array based on a key selector function.

#array #utility #deduplication

groupBy

Group array items by a key into an object of arrays.

#array #utility #grouping

partition

Split an array into two based on a predicate function.

#array #utility #filtering

shuffle

Randomly shuffle array elements using Fisher-Yates algorithm.

#array #utility #random

Math & Numbers

clamp

Constrain a number to a min/max range.

#math #utility #number

range

Generate an array of numbers from start to end with optional step.

#math #utility #array

Data & Validation

safeJsonParse

Parse JSON safely with typed result and error handling.

#data #json #error-handling

isPlainObject

Check if a value is a plain JavaScript object (not array, null, etc).

#data #type-guard #utility

isNonNull

Type guard to filter out null and undefined values.

#data #type-guard #utility

String Manipulation

slugify

Convert a string to a URL-friendly slug.

#string #url #utility

Internationalization

formatCurrency

Format a number as currency using Intl.NumberFormat.

#intl #formatting #currency

formatRelativeTime

Display human-readable relative time like '2 days ago'.

#intl #formatting #date

Date & Time

diffInDays

Calculate the difference between two dates in days.

#date #utility #time

Browser APIs

storage

Type-safe localStorage wrapper with JSON serialization.

#browser #storage #utility

copyToClipboard

Copy text to clipboard with fallback for older browsers.

#browser #clipboard #utility

waitForElement

Wait for a DOM element to appear using MutationObserver.

#browser #dom #async

scrollToId

Smoothly scroll to an element by its ID.

#browser #scroll #dom

onResize

Subscribe to window resize events with automatic cleanup.

#browser #events #utility

URL & Query Strings

parseQuery

Parse a URL query string into an object.

#url #query-string #utility

toQueryString

Convert an object to a URL query string.

#url #query-string #utility

Functional Programming

pipe

Compose functions left-to-right for functional pipelines.

#fp #functional #composition

TypeScript Types

ValueOf

Extract the union of all value types from an object type.

#types #typescript #utility-type

Prettify

Expand and flatten complex TypeScript intersection types for readability.

#types #typescript #utility-type

DeepPartial

Make all properties in an object optional recursively.

#types #typescript #utility-type

Brand

Create nominal/branded types for type-safe IDs and primitives.

#types #typescript #utility-type

assertNever

Exhaustiveness checker for TypeScript discriminated unions.

#types #typescript #utility

KeysOfUnion

Get all keys from a union of object types.

#types #typescript #utility-type

Merge

Merge two object types with B overriding A's properties.

#types #typescript #utility-type

hasType

Type guard for discriminated unions based on type property.

#types #typescript #type-guard