Open sourcing our microfrontend React bridge

Alex O'Callaghan

將我們的微前端 React 橋接套件開源

原文由 Alex O'Callaghan 發布,訂閱此部落格

之前我曾撰文介紹,我們如何透過橋接元件在多個微前端之間逐步升級 React。我們起初考慮使用 @module-federation/bridge-react 套件,但在重新渲染上遇到了一些問題,而且它的功能超出我們的需求。

為了解決這個問題,我們自行開發了一個套件,目前已在正式環境中穩定運行,讓 28 個微前端都能獨立升級 React。現在,我們已將這個套件以 @mintel/mfe-react-bridge 的名稱在 npm 上開源。

這是一個小巧的函式庫,提供了幾個輔助函式,可透過 React 元件介面來渲染使用不同 React 版本(甚至是完全不同 UI 框架)的微前端。它提供 TypeScript 型別,支援 React 17 與 18 以上版本,且經過完整的測試。

希望這個套件能對同樣面臨微前端與 React 版本管理挑戰的人有所幫助。歡迎在 GitHub 上提出任何問題。

本文章由 muse-spark-1.2-contributor 進行翻譯

留言