技術 Redux 深入淺出 - [ Day 6 ] 範例功能擴充

如前一篇我們已經知道如何拆分檔案，並也了解到 redux 一個完整的資料更新流程會歷經哪些步驟，那麼我們回過頭來想一下，一個咖啡廳還會有哪些動作需要擴充。 首先...

技術 Redux 深入淺出 - [ Day 5 ] 檔案拆分

接續上一篇我們成功地建立了一個 Redux 的完整程序於 index.js 之中，那這一篇就來分享常用的分層概念，首先我們先回到這張圖上。 讓我們按著這個圖表...

技術 Redux 深入淺出 - [ Day 4 ] Reducer & Store

接續上一篇內容，繼續往下實作 Reducer function 吧！ 讓我們來複習一下第一篇的觀念，Reducer 有幾個原則必須注意： 只會根據傳入的sta...

技術 Redux 深入淺出 - [ Day 3 ] Action & Action creator

接續上一篇的內容，我們已經釐清我們想做的功能，我們就用咖啡廳的例子往下開發吧。 我們先預想一下我們的咖啡廳要賣些什麼東西，可能有咖啡品項、咖啡豆、蛋糕，那麼我們...

技術 Redux 深入淺出 - [ Day 2 ] Project setup

今天的內容會以製作實際的範例為主，那麼我們先確定一下環境是否有安裝node，如果沒有的話可能要先去安裝node。(node官方連結)詳細的安裝過程，我就不再贅述...

技術 Redux 深入淺出 - [ Day 1 ] Redux 簡介

前導 這次的主題是板上已有非常多資源的Redux，但時代在變，Redux也在變，有很多做法已經不再適合現在主流 React functional compone...

技術 Day17-Redux 篇-用 Redux Toolkit 實作範例

在第 15 天的文章中我們做了一個範例，現在我們要用 Redux Toolkit 去改寫它。 第一步 我們將原本範例的 store 和 reducer 做改寫。...

技術 Day16-Redux 篇-認識 Redux Toolkit

在這篇文章中，我們要來認識一個函式庫: Redux Toolkit。 Redux Toolkit 官網 Redux Toolkit 是什麼? 不知道讀者有沒有感...