前言 最近筆者在工作上一直聽到後端工程師們在談論 Microservices 的架構設計，聽到的當下立馬去查詢才知道原來 Microservices 這麼潮，身為前端工程師的我當然也希望前端也可以有這麼新穎的架構，於是這篇文章就要來跟讀者介紹 Micro Frontends。 什麼是 Microservices？ 在開始進入本篇文章主題之前要先跟讀者們介紹什麼是 Microservices。 Microservices 是一種軟體架構，專注開發在每一個小型功能或者服務上，最後再利用模組化的方式組合出一個大型的應用程式 …

前言 筆者之前曾寫過一篇文章叫：淺談 Monorepo 帶來的效益：以 Turborepo 為例，其實 Monorepo 的框架有非常多種，筆者在上一篇文章只提到其中一個框架而已，今天這篇文章就要來補一下之前的洞來比較一下目前時下比較流行的 Monorepo 框架。 Turborepo

前言 身為一位前端工程師或多或少都有聽過 Webpack 這套前端打包工具吧，為了讓最終打包的檔案不會過於龐大，Webpack 可是下了非常多的苦功，例如：利用 Code Splitting 產出一個又一個的 chunk 檔讓網頁不會一次載入一份很大包的 JS 檔。 然而今天的文章其實不是要講 Code Splitting，而是要講一個比較深入的原理：Tr …

前言 隨著資訊發展越來越進步，除了程式語言的框架越來越多以外，連專案的架構也越來越複雜了，今天這篇文章就來探討一個算是近年越來越多開發者在討論的專案架構：Monorepo。 什麼是 Monorepo？ 在一般的開發模式中，通常都是一個專案用一個 repository 進行管理，假如今天要設計一個內容管理系統的產品，一般來說會提供以下兩種服務。 設計網頁走向的後台網站。 顯示給使用者看的前台 …

前言 筆者最近在自學 DevOps 的過程中，發現除了要了解基本的 CI/CD 流程外，更重要的是了解可以利用哪些工具來輔助整個 CI 的流程，今天筆者要來介紹一個好用的程式碼檢測平台：SonarQube。 雖然在現今的開發很多時候都會藉由 code review 搭配各式的 linter 進行開發，但百密總有一疏，這時候就可以透過 SonarQube …

前言 讀者看到這個標題可能會疑惑，覺得 query string 有什麼好神奇的，身為一位前端工程師在開發的過程中或多或少都會使用 query string 做一些好用的設計。 拜 query string 的特性所賜，讓我們可以輕鬆的利用網址傳遞一些隱藏資訊做紀錄，最常見的做法就是在 query string 中埋上 utm code 藉此紀錄該網址是否 …

前言 之前筆者在 關於 1.0.0 版的 SWR，你該升級嗎？ 這篇文章中提到很許多 SWR 這個套件的相關用法，但有一個番外篇的用法筆者只有稍微帶過而已，這個用法就是 useSWRInfinite，今天筆者就要來填補一下之前挖的坑，把 useSWRInfinite 做一個完整的介紹，讓讀者可以更容易根據不同的使用情境使用 SWR 所提供的各種方法。 使用情境 相信身 …

前言 不曉得大家有沒有聽過 CTF 這個比賽，CTF 全名為 Capture The Flag，簡單來說就是要在該網站拿取某個 flag 並送出，或者是達到該網站的一些要求像是讓網站可以一進入的時候就彈出 alert 視窗等等，身為一位前端工程師的我原本以為自己本身就有一點優勢了，畢竟 web 本來就是前端工程師的天下，殊不知自從玩了 CTF 後才知道 …

前言 不曉得讀者有沒有使用 SWR 這個好用的獲取資料的函式庫？筆者我是從 SWR 還在 0.3 時期就在用了，可以說是相當前期就在使用這個好用的函式庫，而目前的 SWR 已經正式進入 1.0 的版本了，更新速度可以說是相當快。 如果對於 SWR 想要更深入理解的讀者不妨可以先參考我們團隊中神Q超人 所撰寫的 開源專案讀起來 | 聽說可以幫你保管資料再 …