鐵人檔案
今年的鐵人賽前半會來分享個人目前的前端 React 專案基礎建設！從零開始到完成檔案打包，中間包含「沒想到其實可以寫這麼少」的 webpack 設定。從此告別 create-react-app 模板 (≖ᴗ≖๑)
後半會來聊聊（八月底剛發布 3.0，但今年的文章還是以 2.0 為主，因為 breaking change 拿掉了我常用功能，只好強製鎖版直到鐵人賽結束的） astro。預計介紹基本操作方式，以及個人是如何透過 astro 把自家技術部落格翻修到 2.0 版本。
有興趣的朋友歡迎訂閱，感謝看到這裡的你 (｡・ω・｡)
寫測試可以幫助看 code 的人（可能是別人、也可能是未來的自己）明確暸解一個功能究竟能接受哪些參數、又會有哪幾種可能的輸出內容，也保障一個功能在「單元測試有覆...
今天介紹的 e2e 測試框架是 cypress，必須先說個人的使用體驗並不算太好，執行時有機率出現誤報（明明畫面已經渲染了預期內容，卻偵測不出來），要在腳本中引...
忙了幾天之後，你感覺專案稍微有模有樣了，打算先部署一版測試站讓其他人看看，所以——今天的主題就是分享個人在正式環境用的 webpack 設定。 相較於開發版，部...
webpack 設定已經備妥，現在剩下啟動打包的指令、以及你可能需要一點小工具幫你把放在 ./public 中的靜態資源（比如 favicon）複製一份到輸出資...
除了透過 webpack 的 optimization.splitChunks 來進行分塊外，也可使用 React 提供的 lazy 與 Suspense 來根...
一個專案在自己手上如火如荼地進行開發時，會感覺自己對這包 code 的裡外內容無所不知、無所不曉。但是 ⋯⋯ 在熱戀期結束後的某一天，你收到一張票，要給這個半...
到目前為止，你發現就算不使用 create-react-app 預先設定好的腳本與 webpack 設定，你的專案依舊運行得十分順利；整包 code 也少了許多...
給沒聽過 astro 的人的快速說明：astro 是一個靜態網站產生器（static site generator），能根據 .md 內容來建立靜態網站。假設現...
根據官方文件，開發者只要根據 frontmatter YAML 以及 markdown syntax 來撰寫 .md 內容，就能直接借用 astro 內附的 m...
