Micro Frontend Architecture has become increasingly popular in recent years, as teams look to re-use parts of their existing applications in new projects rather than rebuilding everything from scratch. Micro frontends also allow large teams to share ...

“A path is whatever you make of it—as long as it gets you where you want to go.” — Carl Eubanks, 2025 Step back and see the big picture I always start with why. Call it a ritual: three deep breaths, zoom the camera out, and ask whether the work in ...

Module Federation V2 (MFv2) brings new runtime APIs and improved share‑scope handling to the micro‑frontend ecosystem. In this post, we’ll build a minimal React host and remote using the @module-federation/enhanced runtime, show full example code, an...

In a Micro Frontend (MFE) architecture, each app runs independently, but sometimes we need to share state between them (e.g., authentication, user preferences, cart data in an e-commerce app).✅ We will use NgRx (Redux for Angular) to manage state acr...

When using NgRx across Micro Frontends, the state resets on page reload because it's stored in memory.✅ To persist the state across reloads, we’ll use localStorage with NgRx MetaReducers. 📌 Step 1: Create a MetaReducer to Sync State with localStora...

Let's deep dive into implementing Angular Micro Frontends (MFEs) with Module Federation, focusing on how closures help isolate modules and dynamically load remote components. 1️⃣ What is Module Federation in Angular? Module Federation, introduced in...

Introduction: Why Micro-Frontends Matter Now Modern web apps are evolving into sprawling ecosystems. Monolithic React codebases buckle under the weight of feature creep, conflicting team priorities, and deployment bottlenecks. Enter micro-frontends—a...
