從零打造前端效能監控系統 | WebConf Taiwan 2023 逐字稿

從零打造前端效能監控系統 | WebConf Taiwan 2023 逐字稿

Sentry Cypress Web Vitals Memori Loading Performance


利用 Cypress 和 Sentry 測試前端效能

在自動化測試前端效能時,可能會考慮的解法有:(1) Lighthouse CI Action 或 web-vitals library + 丟到某個地方做資料儲存和 dashboard;另一個解法是 (2) 利用 Cypress + Sentry 來取得相關資訊並做呈現。這篇文章會針對 Cypress + Sentry 這個解法做說明,並比較兩種解法。

Sentry Cypress End-to-End Testing GitHub Actions Lighthouse


利用 Sentry 進行效能監控

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

Sentry Loading Performance Real User Monitoring Web Vitals passive monitoring


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

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

Firebase Firebase Hosting GitHub Actions Micro Frontends 微前端


利用 React Context API + useReducer 實作 Redux

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

react hooks react.js redux Web Vitals Loading Performance


島波海道。單車跳島之旅

島波海道。單車跳島之旅

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


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

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

Micro Frontends front-end architecture 微前端 Monorepo NX