我先前曾撰文介紹我們如何透過橋接元件，在多個 micro-frontends(微前端)之間漸進式地升級 React。我們最初曾考慮使用 @module-federation/bridge-react 套件，但遇到了重新渲染的問題，而且它的功能超出我們實際所需。

為了解決這個問題，我們自行建立了一個套件，目前已在正式環境中成功使用，讓我們的 28 個 micro-frontends 能夠各自獨立升級 React。我們現已將此套件以 @mintel/mfe-react-bridge 的形式在 npm 上開源釋出。

這是一個小型的函式庫，提供了幾個輔助函式，可透過 React 元件介面來渲染使用不同 React 版本（或完全不同 UI 框架）的 micro-frontends。它提供 TypeScript 型別，支援 React 17 與 18 以上版本，且經過完善的測試。

希望這能對其他面臨 micro-frontends 與 React 版本管理類似挑戰的人有所幫助。歡迎在 GitHub 上提出任何問題。