系列文章
[Day 11] Observer 模式
今天要介紹的是 Observer 模式，這是 Gof 提出的模式之一，屬於行為型設計模式，這也是目前為止我覺得可以延伸最多應用案例的模式～ 情境 在一個應用程...
[Day 12] Publish/Subscribe 模式
延續昨天提到的 Observer 模式，今天要介紹的是與 Observer 十分相似的延伸版，即 Publish/Subscribe 模式。GoF 一書中提到...
[Day 13] Mediator 模式
今天要介紹的是 Mediator 模式，屬於 GoF 定義的行為型模式之一。 情境 在複雜的前端應用程式中，當模組或元件逐漸增加，各元件間的互動會變得更複雜，...
[Day 14] Command 模式
今天要介紹的是 Command 模式，這是 GoF 定義的行為型模式之一。 情境 開發複雜應用程式時，開發者會需要一個靈活的架構來處理各種操作或功能，這些操作...
[Day 15] Proxy 模式
今天要介紹的是 Proxy 模式，這也是 GoF 在書中提及的設計模式之一，屬於結構型的設計模式，不過《JavaScript 設計模式學習手冊 第二版》這本書...
[Day 16] MVC 模式
今天要介紹的是 MVC 模式，這和之前介紹的模式有點不同，在 GoF 書中，他們認為沒有將 MVC 稱為設計模式，而是視為一組用來建構 UI 的類別，他們認為...
[Day 17] Promise 模式
今天要介紹的是 Promise 模式，在前端應用中，有很多需要進行非同步處理的場景，最常見的就是向後端發送 API 請求以取得資料，而這種發送請求的任務因為通...
[Day 18] 命名空間化模式
今天要介紹的是命名空間化模式🧐 什麼是命名空間 《JavaScript 設計模式學習手冊 第二版》作者 Addy Osmani 在書中敘述命名空間(names...
[Day 19] HOC 模式
接下來幾天會介紹幾個 React 的設計模式，介紹模式時不會說明太多 React 基礎概念，如果對 React 不熟悉的推薦可以讀我之前的筆記文章～今天要介紹...
[Day 20] Render Props 模式
今天要介紹的是 Render Props 模式，這也屬於 React 的模式之一。 Render Props 是什麼 Render Props 的目的類似 H...