Micro-Frontends in the trenches

In this episode of Micro-Frontends in the Trenches, I talk with Jeremy Colin (ex-Zalando) about the journey that led to Tailor.js and later Mosaic, two pioneering frameworks that shaped how micro-frontends are built at scale.Jeremy shares the technical challenges, trade-offs, and lessons learned while building these platforms, and why platform engineering is essential for making micro-frontends practical in real-world organizations.We dive into:- The story behind Tailor.js and its role in Zalando’s architecture.- How Mosaic evolved and why it mattered.- The hidden complexities of adopting micro-frontends.- Why platform engineering is key to simplifying and sustaining the practice.I highly encourage all of you to listen to this episode that is part of the micro-frontend history!

We’ve been cooking something new—Remote Components.Imagine pushing a tiny change to your e-commerce site like updating a free shipping banner and having to wait hours for the entire site to build and test. That’s the reality of traditional monolithic frontends, where even the smallest updates can ripple across the codebase, slowing teams down and widening the blast radius for potential problems.Vercel is changing the game with micro-frontends providing an unmatched developer experience so farIn this episode you’ll learn how Vercel micro-frontends implementation can:- Speed up build and deploy times- Reduce risks when releasing features- Empower teams to ship independently without stepping on each other’s toesMore information at: https://vercel.com/microfrontends

In this can't-miss episode, Zack takes us behind the scenes of Module Federation's inception and its game-changing impact on micro-frontend architecture. But that's just the beginning! We dive deep into Zack's current adventures at ByteDance, where Module Federation is being pushed to mind-blowing scales you won't believe. Get ready for some serious tech excitement as we unpack the freshly released Module Federation 2.0. Zack breaks down the new features like the possibility to use Module Federation across multiple bundlers. But wait, there's more! We tackle the elephant in the room - Module Federation and Next.js. Zack shares the challenges of maintaining support for this popular framework and the tough decision to shift gears. Don't worry though, he's got plans to make Module Federation available across the JavaScript ecosystem! What about the future? What mind-bending innovations does Zack have up his sleeve? Also this part is present in this episode! Module Federation website: https://module-federation.io =================================== Follow me for more tips! Spotify: https://open.spotify.com/show/0W5YEY5T3ApuYS8H9I3DzL?si=c279c2df086b4d8f Twitter: https://twitter.com/lucamezzalira LinkedIn: https://www.linkedin.com/in/lucamezzalira Instagram: https://instagram.com/mezzalab TikTok: https://www.tiktok.com/@lucamezzalira

In this engaging conversation, Julia Machado, the founder of WebCrumbs.org, shares her journey and the inspiration behind WebCrumbs, a platform designed to make micro-frontends more accessible for developers, especially those working on smaller-scale applications. Julia discusses the innovative components of WebCrumbs and highlights the advantages of adopting micro-frontends in various projects. She introduces the concept of a "global micro-frontend platform" and its potential to transform collaboration among developers across different companies. Additionally, Julia addresses comparisons between WebCrumbs and Vercel v0, shedding light on how both platforms are evolving in response to growing expectations in the tech landscape. Tune in to hear Julia's vision for the future of collaborative development using micro-frontends and discover how WebCrumbs is paving the way for a more inclusive approach to web development. Links from the episode: - WebCrumbs - I Found a Tool Even Better than v0

In this episode of "Micro-Frontends in the Trenches," we speak with Zack, co-founder of Zephyr Cloud, about how their platform is changing the landscape of micro-frontend deployment. Zack shares insights into how Zephyr Cloud operates, allowing developers to deploy updates in seconds instead of minutes or more. This rapid deployment to the edge enhances the feedback loop, enabling teams to iterate on their code more efficiently. Zack also discusses the platform's flexibility, which supports various frameworks and cloud providers without locking teams into a specific technology stack. With minimal setup required—just 1 line of code to get started—Zephyr Cloud aims to simplify deployment processes and allow developers to concentrate on coding. This episode offers practical insights for those involved with micro-frontends or looking to enhance their deployment strategies. Zephyr Cloud presents a thoughtful approach to improving how modern web applications are built and deployed. Zephyr Cloud: https://www.zephyr-cloud.io

In this special episode, we’re thrilled to welcome a superstar guest—Malte Ubl, the CTO of Vercel! Vercel has been making waves in the web development world, and today, Malte gives us an insider’s perspective on how they’re approaching micro-frontends and what this means for developers like you. Join us as we chat with Malte about Vercel’s vision for micro-frontends and the innovative architecture they’re building to support them. We dig into the pivotal role React Server Components are playing in this strategy and how these components are set to change the game for performance and scalability on the web. Malte also shares some exciting updates on when we might start seeing micro-frontends integrated into Vercel and Next.js, offering a glimpse into the future of web development with these cutting-edge tools.

Join us for an insightful interview with Natalia Venditto from Microsoft. We kick things off by exploring the microfrontend.dev website she created, a valuable resource for developers interested in this cutting-edge approach. Natalia shares her thoughts on when it's best to use micro-frontends, offering clear guidance on scenarios where this architecture can provide significant benefits. We also delve into the differences between composable and micro-frontends architecture, helping you understand which method might be the best fit for your project needs. In the second part of our conversation, Natalia opens up about her personal journey and extensive experience with micro-frontends, providing practical insights and tips drawn from real-world projects. Additionally, we discuss the role of generative AI in the world of micro-frontends, exploring the impact AI will have on this architecture. Resources mentioned in the episode: - Micro-frontends website - React Conf - Micro-frontends newsletter

Are you ready to dive deep into the intricate world of micro-frontends? In this episode, we sit down with Ruben Casas, a seasoned staff engineer at Postman, to explore one of the most challenging yet rewarding transformations in modern software development. Discover the driving forces behind Postman's decision to migrate to micro-frontends and uncover the strategies that enabled multiple teams to seamlessly modularize their frontend applications. Learn how Postman scaled workloads across their organization, ensuring efficiency and agility. But beware! Ruben warns us multiple times: migrations are never easy. What hurdles did they encounter? How did they overcome seemingly insurmountable obstacles? Ruben's firsthand experience offers invaluable insights and lessons that you won't want to miss. Don't miss out on this exclusive behind-the-scenes look at Postman's migration.

In this episode of Micro-Frontends in the trenches, we dive deep into the benefits of Piral, a micro-frontends framework. With Florian, we explore how it's simplifying the way developers approach building micro-frontends applications. Florian also discusses his involvement in organizing the upcoming micro-frontends conference, giving us a sneak peek into the exciting lineup of speakers and sharing the success of the 1st edition. But that's not all! Florian also shares his insights on Microsoft's Blazor, a .NET frontend web framework that supports both server-side rendering and client interactivity in a single programming model. Learn how Blazor was created and how micro-frontends can work hand-in-hand to create web experiences in the C# ecosystem. As usual, I packed 45 minutes with plenty of insights from thought leaders in the micro-frontends community. Don't miss this opportunity to learn from one of the industry's most respected voices. So, sit back, relax, and get ready to discover the secrets to mastering micro-frontends with Florian Rappl! Content discussed in this episode: Piral: https://piral.io Micro-Frontends Conference: https://conference.microfrontends.cloud Blazor: https://learn.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-8.0 Florian on LinkedIn: https://www.linkedin.com/in/florian-rappl/ The Art of Micro-Frontends: https://microfrontends.art The Micro-Frontends newsletter (FREE): https://www.buildingmicrofrontends.com/

In this interview, Matteo delves into crucial elements for succeeding with distributed systems like team structure, diversity, culture, automation, and developer tools, shedding light on their pivotal roles in the micro-frontend ecosystem. Discover how to structure teams effectively, ensuring diverse perspectives that empower every team member to excel. Matteo emphasizes the significance of fostering a culture conducive to innovation and collaboration. Learn about the transformative power of automation in overcoming challenges and streamlining processes. This investment will lead to fearless implementation of your micro-frontends providing efficiency and scalability. Don't miss out on this opportunity to gain firsthand knowledge from an industry expert! Watch the full interview now not only on YouTube but also you can listen it on Spotify. Upgrade your understanding of micro-frontends and revolutionize your approach with proven techniques provided by a pioneer in this field! =================================== Follow me for more tips! YouTube: https://www.youtube.com/@my50c Twitter: https://twitter.com/lucamezzalira LinkedIn: https://www.linkedin.com/in/lucamezzalira Instagram: https://instagram.com/mezzalab TikTok: https://www.tiktok.com/@lucamezzalira ===================================

In this episode of "Micro-Frontends in the trenches", I host Warren Fitzpatrick, Principal Engineer at Dunelm. Warren shares a fantastic data-driven approach to sell micro-frontends to your managers, providing real examples on how to expose the right data points, moving away from the technology side and focusing on the delivery. Moreover, Warren shares Dunelm take on testing strategies for micro-frontends. An unmissable episode if you are serious to know more about this frontend architecture that is changing the way organisation decentralise their activities. Warren Fitzpatrick on LinkedIn: https://www.linkedin.com/in/warren-fitzpatrick-b1885263/ ================================== Follow me for more tips! YouTube: ⁠https://www.youtube.com/@my50c⁠ Twitter: ⁠https://twitter.com/lucamezzalira⁠ LinkedIn:⁠ https://www.linkedin.com/in/lucamezzalira⁠ Instagram: ⁠https://instagram.com/mezzalab⁠ TikTok: ⁠https://www.tiktok.com/@lucamezzalira

Welcome to the first episode of "Micro-Frontends in the trenches" a series where you will discover the insights from the trenches of practitioners implementing micro-frontends. In the first episode, Max Gallo, Distinguished Engineer at DAZN, shares his experience on how DAZN implemented micro-frontends on living room devices and web platforms, emphasizing the importance of decentralization and team autonomy. Max shares valuable best practices, providing a clear roadmap for adopting micro-frontends architectures. Whether you're a developer or tech enthusiast, Max's expertise offers practical insights to improve your approach. Max Gallo's micro-frontends live project: https://www.manning.com/liveproject/building-micro-frontends-with-a-team-based-vertical-architecture ==================================== Follow me for more tips! YouTube: ⁠⁠https://www.youtube.com/@my50c⁠⁠ Twitter: ⁠⁠https://twitter.com/lucamezzalira⁠⁠ LinkedIn:⁠⁠ https://www.linkedin.com/in/lucamezzalira⁠⁠ Instagram: ⁠⁠https://instagram.com/mezzalab⁠⁠ TikTok: ⁠⁠https://www.tiktok.com/@lucamezzalira⁠