© 2024. All rights reserved.

利用 Sentry 進行效能監控

29 Jun 2023

剛好最近在找個能進行效能監控的工具，在考量是否能有效記錄與追蹤特定指標和錯誤、整合、即時通知與 self-hosted 後，決定使用 Sentry 來協助團隊進行效能與錯誤的監控。

Sentry Loading Performance Real User Monitoring Web Vitals passive monitoring

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

06 Jun 2023

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

Firebase Firebase Hosting GitHub Actions Micro Frontends 微前端

利用 React Context API + useReducer 實作 Redux

25 May 2023

要選 Redux 還是 context API + useReducer 來做狀態管理呢？context API + useReducer 能完全取代 Redux 嗎？

react hooks react.js redux Web Vitals Loading Performance

島波海道。單車跳島之旅

29 Apr 2023

島波海道。單車跳島之旅

島波海道日本廣島愛媛公路車

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

30 Mar 2023

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

Micro Frontends front-end architecture 微前端 Monorepo NX

2023 輪霸西濱 100K

14 Mar 2023

單車菜鳥初登場！輪霸西濱對新手友善，評估目前的體能和訓練狀況後，選 100K 似乎是比較適當，於是揪了三五好友一起參加。

公路車趨勢單車社生活

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

28 Jan 2023

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

Monorepo Micro Frontends 微前端 Webpack Module Federation front-end architecture

≪較新文章較舊文章≫