How to Use Web Components, Iframes, and Module Federation for Multi-Framework Apps - JSJ 689

This week on JavaScript Jabber, we dive deep into the challenges and opportunities of mixing and matching frontend frameworks in modern applications. I’m joined by Dan Shapir, Steve Edwards, and our special guest Hadar Geva, CTO and co-founder of Myop.dev. Together, we explore how companies are tackling multi-framework environments, the role of web components and iframes, and why module federation isn’t always as simple as it sounds.

We also take a closer look at how AI is changing the way developers and even non-developers generate code, the risks of integrating AI-written components, and strategies for safely managing that code in production. If you’ve ever struggled with legacy frameworks, integrating AI-generated components, or wondered whether web components or local iframes are the better fit—this episode is packed with insights you won’t want to miss.

Links & Resources

• Myop.dev – Hadar’s company, building solutions for mixing and managing micro-frontends.
• Web Awesome – Web components library mentioned during picks.
• AG Grid – Heavy-duty data grid solution.
• TanStack Table – Lightweight table solution by Tanner Linsley.
• ShadCN UI – Component library for modern React apps.

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.