Series

Frontend System Design Interview Prep

A complete guide to acing frontend system design interviews — from the RADIO framework to real-world component designs asked at FAANG.

5 articles · View series →

Browser Concurrency

A practical guide to sharing data and coordinating work across browser threads — tabs, workers, and shared memory.

3 articles · View series →

  1. deep-diveMarch 29, 2026

    Measuring multiline text height in JavaScript has always been a hack. Pretext changes that — using canvas measureText and pure arithmetic to give you exact heights and line counts without touching the DOM. Learn how it works and when to use it.

  2. deep-diveMarch 29, 2026

    SharedArrayBuffer lets multiple Web Workers read and write the same memory simultaneously. Atomics makes that safe by preventing race conditions. Learn how they work, when to use them, and how to enable them with COOP/COEP headers.

  3. interviewMarch 28, 2026

    A complete frontend system design answer for the autocomplete / typeahead question. Covers requirements, component architecture, API design, debouncing, caching, keyboard navigation, and ARIA accessibility.

  4. interviewMarch 28, 2026

    A complete frontend system design answer for designing a chat application like Messenger or Slack. Covers real-time messaging with WebSockets, IndexedDB for offline support, message delivery states, optimistic UI, and cross-tab sync.

  5. interviewMarch 28, 2026

    A complete frontend system design answer for designing an image carousel component. Covers architecture, CSS layout with scroll snapping, lazy loading, image preloading, touch/swipe support, autoplay, keyboard navigation, and ARIA accessibility.

  6. interviewMarch 28, 2026

    A complete frontend system design answer for designing a news feed like Facebook or Twitter. Covers architecture, infinite scroll, real-time updates, optimistic UI, virtualization, and accessibility.

  7. tutorialMarch 22, 2026

    Transferable Objects let you move ArrayBuffers, ImageBitmaps, and other large data between Web Workers and windows without copying. Learn how they work and when to use them with postMessage and BroadcastChannel.

  8. tipsJanuary 03, 2021

    Implement Design Thinking in your problem-solving methodology

  9. interviewFebruary 16, 2015

    Interview tips for Frontend/User Interface developers