Navigating Micro-frontends with Advanced Proxy Solutions: Traefik, Envoy, and HAProxy

This talk is confirmed. The time of the talk will be announced soon.

The recording will be published after editing. Multipass and Full ticket holders have early access.

This session explores the use of Traefik, Envoy, and HAProxy as alternatives to Nginx for managing micro-frontends in a monoturbo architecture. We'll dive into their configurations, benefits, and how they integrate with modern container orchestration systems, focusing on practical implementations and performance considerations.

This talk has been presented at Node Congress 2025, check out the latest edition of this JavaScript Conference.

micro-frontends

Arya Soni

Video transcription, chapters and summary will be available later.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Scaling Up with Remix and Micro Frontends

Remix Conf Europe 2022

23 min

Scaling Up with Remix and Micro Frontends

Top Content

Adrien Baron

Maker of clashofstats.com, Vue GWT and Tiny Frontend

This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.

remix javascript micro-frontends architecture

Monolith to Micro-Frontends

React Advanced 2022

22 min

Monolith to Micro-Frontends

Top Content

Ruben Casas

Postman

Microfrontends are considered as a solution to the problems of exponential growth, code duplication, and unclear ownership in older applications. Transitioning from a monolith to microfrontends involves decoupling the system and exploring options like a modular monolith. Microfrontends enable independent deployments and runtime composition, but there is a discussion about the alternative of keeping an integrated application composed at runtime. Choosing a composition model and a router are crucial decisions in the technical plan. The Strangler pattern and the reverse Strangler pattern are used to gradually replace parts of the monolith with the new application.

micro-frontends developer challenges micro frontends react case study

Micro-Frontends With React & Vite Module Federation

React Advanced 2023

20 min

Micro-Frontends With React & Vite Module Federation

Top Content

Watch video: Micro-Frontends With React & Vite Module Federation

Giorgio Boa

Claranet

Microfrontends is an architecture used by big companies to split monolithic frontend applications into manageable parts. Maintaining a consistent look and feel across different microfrontends is a challenge. Sharing styles can be done through Vanilla CSS, CSS modules, or CSS in JS. JavaScript variables can be used in styles, but readability and runtime overhead are considerations. Sharing state in microfrontends can be achieved through custom events, broadcast channels, shared state managers, or custom PubSub implementations. Module federation with Vite allows for client composition and sharing dependencies. Configuration is similar to Webpack, and future work includes working on the QUIC framework.

build tools micro-frontends micro frontends react native react microservices vite react microfrontend vite react module federation micro frontends react module federation react vite

Federated Microfrontends at Scale

React Summit 2023

31 min

Federated Microfrontends at Scale

Top Content

Watch video: Federated Microfrontends at Scale

Daniel Bolivar

Cozycore Engineer

This Talk discusses the transition from a PHP monolith to a federated micro-frontend setup at Personio. They implemented orchestration and federation using Next.js as a module host and router. The use of federated modules and the integration library allowed for a single runtime while building and deploying independently. The Talk also highlights the importance of early adopters and the challenges of building an internal open source system.

monorepos micro-frontends architecture case study

“Microfrontends” for Mobile in React Native

React Advanced 2023

24 min

“Microfrontends” for Mobile in React Native

Top Content

Watch video: “Microfrontends” for Mobile in React Native

Mo Khazali

Theodo UK

Micro frontends are an architectural style where independent deliverable frontend applications compose a greater application. They allow for independent development and deployment, breaking down teams into feature verticals. React Native's architecture enables updating the JavaScript layer without going through the app store. Code Push can be used to deploy separate JavaScript bundles for each micro frontend. However, there are challenges with managing native code and dependencies in a micro frontend ecosystem for mobile apps.

react server components micro-frontends micro frontends react native react microservices micro frontends react react native

Sharing is Caring: (How) Should Micro Frontends Share State?

React Summit 2022

23 min

Sharing is Caring: (How) Should Micro Frontends Share State?

Top Content

Eliran Natan

Mentorship available

SquadX

Micro-frontends allow development teams to work autonomously and with less friction and limitations. Organizing teams around business concerns, in alignment with subdomains, rather than technical concerns, can lead to software that is split nicely and user stories falling under the responsibility of a single team. Having a logical backup or reference point is important for implementing microfrontends without breaking their isolation. Microfrontends can communicate with each other using the window object and custom events. Microfrontends should be kept isolated while maintaining communication through various approaches.

micro-frontends architecture best practices

Workshops on related topic

Micro Frontends with Module Federation and React

JSNation Live 2021

113 min

Micro Frontends with Module Federation and React

Top Content

Workshop

Alex Lobera

Did you ever work in a monolithic Next.js app? I did and scaling a large React app so that many teams can work simultaneously is not easy. With micro frontends you can break up a frontend monolith into smaller pieces so that each team can build and deploy independently. In this workshop you'll learn how to build large React apps that scale using micro frontends.

react micro-frontends micro frontends react module federation react

Micro-Frontends with Module Federation and Angular

JSNation Live 2021

113 min

Micro-Frontends with Module Federation and Angular

Workshop

Manfred Steyer

Ever more companies are choosing Micro-Frontends. However, they are anything but easy to implement. Fortunately, Module Federation introduced with webpack 5 has initiated a crucial change of direction.
In this interactive workshop, you will learn from Manfred Steyer -- Angular GDE and Trusted Collaborator in the Angular team -- how to plan and implement Micro-Frontend architectures with Angular and the brand new webpack Module Federation. We talk about sharing libraries and advanced concepts like dealing with version mismatches, dynamic Module Federation, and integration into monorepos.
After the individual exercises, you will have a case study you can use as a template for your projects. This workshop helps you evaluate the individual options for your projects.
Prerequisites:You should have some experience with Angular.

micro frontend react and angular micro-frontends module federation react angular

Is Module Federation Right for You?

JSNation 2022

191 min

Is Module Federation Right for You?

WorkshopFree

Grgur Grisogono

Discover Micro Frontends with Module Federation. Learn about the benefits and pitfalls so you can decide whether Micro Frontends are a good fit for your organization.

modules micro-frontends