鐵人檔案
「30天的 JavaScript 設計模式之旅」 將帶大家逐步探索各種 JavaScript 設計模式，每天學習一種新模式或概念，從基礎到實際應用。本系列圍繞《JavaScript 設計模式學習手冊 第二版》及其他網路資源，涵蓋經典模式如 Module、Singleton、Observer 等。每篇文章提供簡潔的解釋與程式碼範例，幫助讀者理解模式要解決的問題、實現方式及優缺點。希望透過這次旅程，讓大家擁有更多元的解決方案，並對程式碼設計有更深入的理解。
今天要介紹的是 React 的 Hook 模式，嚴格來說 Hooks 不一定是一種設計模式，但它可以替代很多傳統的設計模式。介紹 Hooks 前，先來看看 R...
今明兩天要介紹的是 React 中的程式碼拆分(Code Splitting)與動態匯入(Dynamic Import)，會先從一般的靜態匯入開始介紹，說明靜...
延續昨天介紹的 Code Splitting，今天要介紹如何使用動態匯入來拆分程式碼，會以 React 的動態匯入來說明。 沒有動態匯入🤯 在介紹動態匯入前，...
今天要介紹的是 PRPL 模式，這也是和優化效能有關的模式。PRPL 模式是由 Google Chrome 團隊所發展提出的，目的是提供更快的網絡體驗。這個模...
接下來幾篇會介紹渲染模式 Rendering Pattern，渲染模式應該是系列文裡我最頭痛的內容...，若有任何敘述錯誤或不清楚的歡迎提出討論！ 渲染模式的...
今天要介紹 Client Side Rendering 的運作流程、優缺點與改善方式。 Client Side Rendering 運作流程 以 React...
Server Side Rendering 是最古老的渲染網頁內容的方式之一，今天要介紹它的運作流程與優缺點，另外也會介紹 SSR with hydratio...
根據前面的介紹，我們知道在 SSR 渲染模式中，如果伺服器遇到高流量請求時，會延後 TTFB 的時間；而 CSR 的缺點則是大型的 JavaScript bun...
延續昨天介紹的 SSG，今天要介紹的是 SSG 的優化版本 Incremental Static Generation/Regeneration(ISR)。為...
這是我第一次參與鐵人賽，很感動終於完成啦🥳！ 系列文總結 文章回顧 先來回顧一下此次系列文包含的主題： [Day 01] 系列文動機與大綱 Desig...
