第十五屆 優選

web
從 Next.js 開始的 Functional Programming
RichardW

系列文章

DAY 21

D21 - 實作異步流程 (七)

異步流程扯東扯西不知不覺竟然已經講了七天了!實在是不好意思再拖更久,預計接下來三天一定要把後端的步驟 3 / 4 / 5 講完 (ง๑ •̀_•́)ง (ง...

DAY 22

D22 - 實作異步流程 (八)

今天開始準備做後端的 API 囉~~~ 我們同樣秉持測試驅動開發的精神,在還沒開始之前就先設計、撰寫測試,然後才是開發與重構。 程式碼請參考 D22/co...

DAY 23

D23 - 實作異步流程 (九)

今天會介紹如何基於消費者驅動合約建立 Next.js 後端 API的測試,測試範圍包含步驟 3 到步驟 5。 程式碼請參考 D22/consumer-dri...

DAY 24

D24 - 實作異步流程 (十)

今天的目標是通過昨天的測試,完成步驟3到步驟5 第一筆測試 首先看第一筆測試,我們的目標是當使用者發出 http://localhost/api/v1/us...

DAY 25

D25 - 資料傳輸模型

在D04 - 設計資料模型我們有提到過領域驅動開發以及資料模型設計。在設計的時候我們處於一個理想化的世界,不必太在乎具體怎麼實作,只要把使用者需求映射成資料模型...

DAY 26

D26 - 更多依賴注入

今天我們會進一步介紹如何做元件層級的依賴注入。 程式碼請參考 D26/effect-context 我們以 UsersField 這個元件為例,他有幾個地...

DAY 27

D27 - 管理依賴注入 (一)

假設我們的課程管理系統需要提供教學資源上傳下載的服務,經過一番研究後,我們選擇使用 MinIO 來儲存 binary data 、使用 MongoDB 來儲存...

DAY 28

D28 - 管理依賴注入 (二)

昨天我們創建了四個 Layer,今天跟大家分享如何把多個它們組合起來,並最終提供給需要的 Effect 函式。 組合 Layer 有兩種方法,分別是 Merg...

DAY 29

D29 - 副作用與復原

在操作外部資源時,會造成副作用,例如新增一筆資料到資料庫,就是一個包含副作用的操作。 實務上有個場景還滿常見,我們常常需要操作多個外部資源,只要其中一個環節失敗...

DAY 30

D30 - 總結

今天是最後一天,我們用一張大圖來總結這三十天的內容。 步驟1 把 React event 轉換成 Domain event,目標是為了解開 步驟2 對 R...