In-depth articles, tutorials, and guides on Web APIs & Async — covering everything from fundamentals to advanced patterns.
IndexedDB is the browser's built-in database for storing significant amounts of structured data on the client. Unlike localStorage, it supports transactions, indexes, and binary data — and unlike cookies, it is designed for large-scale application storage rather than server communication.
SharedArrayBuffer is the only browser primitive that allows multiple JavaScript contexts to read and write the same memory simultaneously. Combined with Atomics, it enables lock-free synchronization for high-performance parallel computation in the browser.
Web Workers and Service Workers both run JavaScript off the main thread, but they serve fundamentally different purposes. Understanding when to reach for each one — and when not to — is key to building performant, reliable web applications.
IntersectionObserver is the standard API for detecting when an element enters or leaves the viewport. Understanding how it works under the hood — and what its limitations are — helps you use it efficiently and avoid the subtle bugs that come from misunderstanding when callbacks fire.
Every fetch request you fire without a cancellation mechanism is a potential source of race conditions, memory leaks, and stale state. AbortController is the standard browser API that solves this — and it is simpler than most developers realise.
JavaScript is single-threaded, yet it handles timers, network requests, and user input concurrently without freezing. The event loop is the mechanism that makes this possible — and understanding macrotasks vs microtasks explains the execution order that trips up almost every developer at some point.
In modern JavaScript development, especially in the context of React applications, handling asynchronous code efficiently and effectively is crucial. While `async/await` has become the go-to solution for most developers, there are scenarios where generators can offer more control and flexibility.