系列文章
DAY 11
D11 - 淺談型別安全
今天我們會先介紹一段昨天的程式碼，認識甚麼是模式配對，再衍伸到型別安全。 模式配對 昨天的這段程式碼就是在做模式配對 export const ErrorMes...
DAY 13
D13 - 實作依賴注入
昨天的依賴包含三個部分，副作用函式、設定檔以及文本資料，今天會展示如何把它們實做出來。 依賴注入的「依賴」依照不同慣例可能有不同的命名，接下來在程式碼中我們會...
DAY 14
D14 - 設計異步流程
經過前面的鋪陳水文，相信大家對於如何將 FP 應用在 Next.js 的表單驗證已經有一定的了解。不過表單驗證畢竟只是同步的操作，在網頁環境下，我們有許多異步/...
DAY 15
D15 - 實作異步流程 (一)
程式碼請參考 D15/asynchronous 今天講的程式碼主要會在這裡src\app\edit\courses\all\components\add-...
DAY 16
D16 - 實作異步流程 (二)
程式碼請參考D15/asynchronoussrc\app\edit\courses\all\components\add-course-form\users...
DAY 17
D17 - 實作異步流程 (三)
今天跟大家介紹如何組合、重用 @effect/schema 。 Struct 要描述一個 Product type ，我們可以使用 S.struct，例如下面這...
DAY 18
D18 - 實作異步流程 (四)
回顧一下之前的進度，我們還在整個異步流程中的 步驟 6。今天會跟大家介紹如何使用 @effect/schema 的 Class ，以便更好的做未知型別的解析。...
DAY 19
D19 - 實作異步流程 (五)
今天的目標是把前端的步驟 1 、2、6、7 串聯起來。 步驟 1 分析來自 UI 的未知事件，在我們的應用上具有什麼商業意義 const parseEvent...
DAY 20
D20 - 實作異步流程 (六)
颱風假，不用上班，在家閒閒沒事做就來重構一下 ٩(◕‿◕｡)۶ 最新版本請參考 D20/asynchrounous-refactor 重構內容簡介 這次更...