NX

利用 Firebase 部署微前端專案 (Deploy and Host Micro Frontends Using Firebase)

本文主要會談如何利用 Firebase 來部署與託管微前端專案,分為幾個部份:(1) 建立 Firebase 專案;(2) 建立 Firebase 設定檔;(3) 部署與託管;(4) 自動化部署;(5) 總結。

Firebase Firebase Hosting GitHub Actions Micro Frontends 微前端 front-end architecture Monorepo NX Memori · 留言


微前端的溝通 - 發布/訂閱 vs 傳遞自訂事件 (Cross Micro Frontends Communication: Pub/Sub vs Custom Events)

本文主要探討如何在微前端的跨應用程式間溝通,尤其針對兩種解法「發布/訂閱 (Pub/Sub)」與「傳遞自訂事件 (Custom Events)」說明和比較。

Micro Frontends front-end architecture 微前端 Monorepo NX Memori · 留言


該用 Monorepo 嗎?比較 Monolith vs Multi-Repo vs Monorepo

專案隨著開發時間愈長,伴隨而來的除了體積和複雜度增加之外,也產生難以擴充、缺乏彈性以及打包和部署時間長、效率差等問題。這時候就會開始考慮切分專案,在這裡來聊聊三種管理專案的架構 - Monolith、Multi-Repo 與 Monorepo,這篇文章會談到過去在建置專案時遇到的問題,以及根據不同情境而選用的解法,並在最後推薦工具與提供利用 Module Federation 達成 Micro Frontends 的範例來快速上手和總結比較。

Monorepo Micro Frontends 微前端 Webpack Module Federation front-end architecture Git Submodule NX · 留言