鐵人檔案
總結一下這年來使用Redux的經驗談，也會稍微提及一些其他state management (ex: react-query, zustand...)的概念，偏向新手教學，所以不怕沒有基礎。
前導 這次的主題是板上已有非常多資源的Redux，但時代在變，Redux也在變，有很多做法已經不再適合現在主流 React functional compone...
今天的內容會以製作實際的範例為主，那麼我們先確定一下環境是否有安裝node，如果沒有的話可能要先去安裝node。(node官方連結)詳細的安裝過程，我就不再贅述...
接續上一篇的內容，我們已經釐清我們想做的功能，我們就用咖啡廳的例子往下開發吧。 我們先預想一下我們的咖啡廳要賣些什麼東西，可能有咖啡品項、咖啡豆、蛋糕，那麼我們...
接續上一篇內容，繼續往下實作 Reducer function 吧！ 讓我們來複習一下第一篇的觀念，Reducer 有幾個原則必須注意： 只會根據傳入的sta...
接續上一篇我們成功地建立了一個 Redux 的完整程序於 index.js 之中，那這一篇就來分享常用的分層概念，首先我們先回到這張圖上。 讓我們按著這個圖表...
如前一篇我們已經知道如何拆分檔案，並也了解到 redux 一個完整的資料更新流程會歷經哪些步驟，那麼我們回過頭來想一下，一個咖啡廳還會有哪些動作需要擴充。 首先...
前一篇我們完成了咖啡的進貨功能，今天我們來延伸咖啡豆商品的部分，我們一樣先不複雜購買動作的複雜性，讓我們再走一次流程加深印象。 首先，先定義出 action t...
今天要完成的功能為我們預設的第三樣商品蛋糕部分的購買與補貨，邏輯會和前一篇有點類似，目的也是讓大家熟悉一下 redux 資料更新的流程，那麼我們開始吧！ 一樣我...
回首我們目前的功能已經相對完善許多，但站在維護的角度，我們應該可以做得更好一些！ 程式語言畢竟還是語言，既然是語言，我們能做的就是讓其更加言之有物，這樣也比較方...
這篇分享的主要還是以非同步的處理為主，重點會擺在 redux-thunk 的使用上，當然 redux 不是只有 redux-thunk 可以處理非同步的動作。...
