MicroFrontend at Scale with Igor (Director of Engineering at Cloudflare, co-creator of Angular) and Natalia (Principal Product Manager at Microsoft)

https://is1-ssl.mzstatic.com/image/thumb/Podcasts211/v4/04/20/c5/0420c5be-d1fd-d093-9dfe-c13fc2da3627/mza_10716373771984734847.jpg/600x600bb.jpg

Señors at Scale

Dan Neciu

16 episodes

3 days ago

Welcome to Señors at Scale, the podcast where seasoned engineers spill the secrets, successes, and facepalms of building and maintaining software at scale. Join host Neciu Dan as we sit down with Staff Engineers, Principal Engineers, and other senior technologists to dive deep into the hard-won lessons of distributed systems, technical leadership, and scaling products that refuse to stay small. From war stories in incident response to behind-the-scenes architecture decisions, each episode brings a mix of practical insights, hard truths, and a healthy dose of dev humor. If you’ve ever wrang

Technology

RSS

All content for Señors at Scale is the property of Dan Neciu and is served directly from their servers with no modification, redirects, or rehosting. The podcast is not affiliated with or endorsed by Podjoint in any way.

Technology

https://d3t3ozftmdmh3i.cloudfront.net/staging/podcast_uploaded_nologo/43958857/43958857-1752848017873-04201c3a562d.jpg

MicroFrontend at Scale with Igor (Director of Engineering at Cloudflare, co-creator of Angular) and Natalia (Principal Product Manager at Microsoft)

Señors at Scale

1 hour 2 minutes 5 seconds

2 weeks ago

MicroFrontend at Scale with Igor (Director of Engineering at Cloudflare, co-creator of Angular) and Natalia (Principal Product Manager at Microsoft)

In this episode of Señors @ Scale, Dan chats with Natalia Venditto, Principal Product Manager at Microsoft, and Igor Minar, Senior Director of Engineering at Cloudflare and co-creator of Angular, about WebFragments — a radical new approach to micro-frontends that rethinks how we build for the web.

Natalia and Igor share how WebFragments was born from years of pain with module federation and brittle micro-frontend systems. They explain why shared dependencies and team coupling still plague large-scale applications, and how WebFragments breaks that pattern by isolating each fragment’s JavaScript and DOM context while still delivering a seamless user experience.

We dive deep into the architecture:
how iframes are being reinvented for performance and isolation,
how Shadow DOM and a technique called Reframing encapsulate code like Docker does for containers,
and how Fragment Piercing enables server-rendered fragments to appear instantly — even before the client shell has loaded.

The conversation also covers the challenges of building vendor-agnostic, framework-independent systems, the middleware patterns that eliminate CORS issues, and Cloudflare’s real-world migration of its production dashboard to WebFragments.
Plus, Natalia and Igor share what’s next — from nested fragments and out-of-order streaming to growing an open-source community around this new model of frontend architecture.

Whether you’re building micro-frontends, leading platform teams, or just curious about what’s next for web architecture, this episode is a masterclass in isolation, performance, and pragmatic innovation at scale.

Chapters
00:00 Introduction to WebFragments and Guests
06:48 Differentiating WebFragments from Module Federation
13:46 The Promise of Independence in Micro-Frontends
16:49 Reframing: A New Approach to Isolation
19:54 The Concept of Piercing in WebFragments
33:26 Fragment Communication and State Management
36:09 Middleware and Request Routing
39:22 WebFragments in Action at Cloudflare
44:02 Getting Started and Migration Path
50:13 Future Developments and Features
54:37 Community and Contributions
01:02:02 Outro

Follow & Subscribe
📸 Instagram: https://www.instagram.com/senorsatscale/
📸 Instagram: https://www.instagram.com/neciudev
🎙 Podcast: https://neciudan.dev/senors-at-scale
📬 Newsletter: https://neciudan.dev/subscribe
💼 LinkedIn: https://www.linkedin.com/in/neciudan
💼 LinkedIn: https://www.linkedin.com/company/se%C3%B1ors-scale/

Additional Resources
https://github.com/webfragments
https://blog.cloudflare.com/
https://learn.microsoft.com/

#microfrontends #webfragments #javascript #angular #cloudflare #microsoft #frontend #softwarearchitecture #performance #webdevelopment #softwareengineering #señorsatscale

Don’t forget to like, comment, and subscribe for more engineering stories from the front lines.
How is your team approaching micro-frontends and architectural independence? Share below 👇