Alpine.js: jQuery for the Reactive Era
Alpine.js is a minimal reactive framework that lives inside HTML attributes. x-data defines a component scope, x-show and x-bind handle visibility and attribute binding, and x-on:c…
Read article →htmx: HTML Strikes Back
htmx extends HTML with attributes that let any element issue AJAX requests, swap parts of the page, and respond to events. hx-get, hx-post, hx-swap, and…
Read article →structuredClone Replaces JSON Hacks
structuredClone(value) performs a deep clone of complex objects — including Map, Set, Date, RegExp, and circular references — without going through JSON.This eliminates the JSON.pa…
Read article →Why Vite Replaces Webpack for Most Projects
Vite ships native ESM in dev and bundles with Rollup for production. Cold start is essentially instant on a typical project; HMR is sub-100ms.The configuration…
Read article →Container Images That Actually Cache
Order Dockerfile steps from least-changing to most-changing. COPY package.json package-lock.json ./ and RUN npm ci belong above COPY . . so deps are cached across…
Read article →GitHub Actions Caching Strategy
Cache by lock-file hash, restore by prefix. The cache key looks like npm-hashFiles('package-lock.json') with restore key npm-.For matrix builds, include the OS and Node version…
Read article →Choosing CI: Speed vs Cost
GitHub Actions is the default for open source and most small teams — free for public repos, generous tier for private. The hosted runners are…
Read article →