Page 6 - JavaScript

AI generated

Kanban Board with Alpine.js: Building Drag and Drop Without a Library

Maxim Mironjuk - December 26, 2025

A Kanban board with columns, draggable cards and persistent state can be fully implemented with Alpine.js and the native HTML5 Drag and Drop API. No SortableJS, no jQuery UI, not a single extra kilobyte of JavaScript, yet full control over behavior, accessibility and the appearance of the board.

JavaScript TypeScript

AI generated

Tree Shaking for TypeScript Libraries: Keeping Bundles Genuinely Lean

Maxim Mironjuk - December 24, 2025

A single import from a poorly structured TypeScript library can pull several hundred kilobytes of unused code into the consumer bundle, despite modern bundlers. Tree shaking is not automatic bundler magic, it depends decisively on how the library itself was built, exported and declared in the sideEffects field.

JavaScript Web Performance

AI generated

Atomics and SharedArrayBuffer in JavaScript: True Parallelism in the Browser

Maxim Mironjuk - December 23, 2025

JavaScript is single-threaded by nature, but with SharedArrayBuffer and Atomics there is true shared memory between threads. This solves scenarios that could not be handled efficiently with postMessage: fast image processing, parsers, WASM integration and lock-free data structures.

JavaScript Vue.js

AI generated

Vue Macros and Compiler Macros: Beyond defineModel and defineProps

Maxim Mironjuk - December 22, 2025

Compiler macros such as defineProps and defineModel look like normal function calls but do not exist at runtime at all, the Vue compiler transforms them away while building the code. The dedicated Vue Macros plugin goes further and adds its own macros for reactivity, prop forwarding and conditional compilation, with clear tradeoffs in tooling and predictability.

JavaScript TypeScript

AI generated

Top-Level Await in JavaScript: ES Modules Without an async Wrapper

Maxim Mironjuk - December 18, 2025

Top-level await was one of the most requested features for JavaScript modules: waiting for asynchronous initialization directly in module scope, without wrapping the entire module in an async function. Few developers understand its effect on the module graph and the potential for deadlocks, this guide explains both.

JavaScript Security/OWASP

AI generated

String.isWellFormed() and toWellFormed(): Handling Broken UTF-16 Strings Safely

Maxim Mironjuk - December 16, 2025

Lone surrogates from URL parameters, file uploads, or third party APIs can crash entire function chains. isWellFormed() and toWellFormed() finally provide a native safeguard.

JavaScript Web Performance

AI generated

Code Splitting and Lazy Loading for Smaller Bundles

Maxim Mironjuk - December 15, 2025

A large JavaScript bundle costs more than download time, it blocks the main thread while parsing and compiling. With dynamic import(), vendor chunk splitting, and targeted lazy loading of heavy below-the-fold widgets, initial bundle size drops noticeably without losing functionality, even in server-rendered Hyva stores built on Alpine.js.

JavaScript Web Performance

AI generated

JavaScript Fetch API Mastery: Building Production-Grade HTTP Requests

Maxim Mironjuk - December 15, 2025

The Fetch API is more than a replacement for XMLHttpRequest. Anyone who masters timeouts, retry logic, streaming responses, authentication and cache strategies writes HTTP communication that stays reliable and maintainable in real applications, without external libraries.

JavaScript Security/OWASP

AI generated

JavaScript crypto.randomUUID(): Secure UUIDs in the Browser

Maxim Mironjuk - December 12, 2025

Math.random() is unsuitable for IDs, since it relies on a predictable pseudo-random generator. crypto.randomUUID() delivers genuine UUID v4 values from a cryptographically secure random generator, with no external dependencies, equally in the browser and in Node.js.

JavaScript

AI generated

Import Attributes: Loading JSON Modules Natively With type: 'json'

Maxim Mironjuk - December 12, 2025

Import Attributes let you import JSON files directly as an ES module, with an explicit type hint that became mandatory for security reasons. In many cases it replaces fetch() plus JSON.parse() with a single line.