Mangobaz Engineering
Search
Frontend Craft

Frontend Craft

Interface design, motion, and component architecture.

Local-First Software Architecture in 2026: CRDTs, Wasm SQLite via OPFS, and Multi-Device Sync Frontend Craft
· By Hadi Zulfiqar

Local-First Software Architecture in 2026: CRDTs, Wasm SQLite via OPFS, and Multi-Device Sync

An architectural masterclass on building Local-First web and mobile applications in 2026. Discover how engineering teams eliminate cloud request-response latency, run embedded SQLite inside Web Workers via the Origin Private File System (OPFS), resolve multi-device concurrent edits with mathematical CRDTs, and achieve offline-native autonomy.

Read article →
CSS Anchor Positioning & the Popover API in 2026: Zero-JavaScript Floating UI, Native Collision Fallbacks, and Top-Layer Stacking Frontend Craft
· By Hadi Zulfiqar

CSS Anchor Positioning & the Popover API in 2026: Zero-JavaScript Floating UI, Native Collision Fallbacks, and Top-Layer Stacking

An architectural masterclass on CSS Anchor Positioning and the HTML Popover API in 2026. Discover how to eliminate Popper.js and Floating UI from your frontend bundles, tether dropdowns and tooltips with position-area, solve the 15-year stacking context nightmare with native Top Layer promotion, resolve viewport edge collisions without JavaScript using @position-try, and achieve buttery-smooth 120 FPS scrolling.

Read article →
Fine-Grained Reactivity and Signals in 2026: Beyond the Virtual DOM, Svelte 5 Runes, and Sub-Millisecond INP Architecture Frontend Craft
· By Hadi Zulfiqar

Fine-Grained Reactivity and Signals in 2026: Beyond the Virtual DOM, Svelte 5 Runes, and Sub-Millisecond INP Architecture

An architectural masterclass on fine-grained reactivity and signals in 2026. Explore why the Virtual DOM hit a performance ceiling under Google's INP Core Web Vital, analyze how Svelte 5 Runes and SolidJS dependency graphs eliminate component re-render cascades, build a micro-signal engine in 50 lines of TypeScript, and achieve sub-millisecond interaction-to-paint speeds.

Read article →
Enterprise Micro-Frontends in 2026: Module Federation 2.0, Dynamic Remote Orchestration, Shared State, and Island Architecture Frontend Craft
· By Hadi Zulfiqar

Enterprise Micro-Frontends in 2026: Module Federation 2.0, Dynamic Remote Orchestration, Shared State, and Island Architecture

Master enterprise micro-frontends in 2026. Explore the evolution from iframes to Module Federation 2.0, implement dynamic manifest resolution (mf-manifest.json), configure runtime SemVer negotiation to deduplicate shared React/Vue libraries, build zero-copy typed event bridges, enforce CSS sandboxing via Shadow DOM, and integrate Island Architecture for optimal Core Web Vitals.

Read article →