Open sourcing our microfrontend React bridge

Posted 23 January 2026 · 1 min read


I wrote previously about how we upgraded React incrementally across multiple micro-frontends using a bridge component. We initially looked to use the @module-federation/bridge-react package, but ran into some issues with re-rendering and it doing more than we needed.

To solve this we created our own package, which we're using successfully in production to allow our 28 micro-frontends to upgrade React independently. We've now open sourced this package as @mintel/mfe-react-bridge on npm.

It's a small library with a couple helper functions to provide a React component interface to render micro-frontends that use different React versions (or totally different UI frameworks). It provides TypeScript types, supports React 17 and 18+, and is well-tested.

Hopefully this proves useful to others facing similar challenges with micro-frontends and React versioning. Feel free to raise any issues on GitHub.


Related posts

Upgrading React with micro-frontends

Published · 2 min read

How to upgrade React incrementally across multiple micro-frontends

Dynamically load remoteEntry.js files

Published · 2 min read

Control loading Webpack Module Federation remoteEntry.js files to improve peformance

Delay using a federated module

Published · 2 min read

Ensure federated module has loaded before using it

Subscribe via RSS to get new posts delivered to your feed reader, or browse posts by tag.


Thanks for reading

I'm Alex O'Callaghan and this is my personal website where I write about software development and do my best to learn in public. I currently work at Mintel as a Principal Engineer working primarily with React, TypeScript & Python.

I've been leading one of our platform teams maintaining a collection of shared libraries, services and a micro-frontend architecture.

I'm from London and you can find me on a few different social media platforms: