鐵人檔案
總結一下這年來使用Redux的經驗談，也會稍微提及一些其他state management (ex: react-query, zustand...)的概念，偏向新手教學，所以不怕沒有基礎。
上篇我們已經完成基本的redux-thunk的安裝，那麼今天我們就來設定一組簡單的資料呈現功能吧！ 這邊為了示範常用的作法我會採用 axios 來做資料的串接，...
什麼是 Redux toolkit ? Redux Toolkit 官方的推薦使用的Redux工具，用於提高 Redux 開發。 它包含幾個實用功能，可簡化最...
前一篇我們有介紹了 Redux toolkit 並且示範他是如何簡化及整併原本的專案的，那麼今天我們就陸續將其他兩項商品也搬移進現在的專案裡面吧！ 在成功的移植...
前一篇我們已經完成整併了我們的每項商品，但是資金的部分我們還沒處理，像原本 redux 的做法就是靠 action type 來做標記，相同標記取不同值做不同操...
前一篇我們了解了 extraReducer 的用法，並完成了咖啡商品的 slice 和 assetsSlice 裏面設定 extraReducer 綁定 cof...
前篇我們整併了咖啡豆的商品，今天我們來完成最後一項蛋糕的商品，那麼相信大家也不陌生了吧！ 我們就一樣先把不相關的指令給碼掉，於 ./index.js 做以下處...
還記得我們在原本 Redux 環境下是如何處理非同步的事件嗎？ 我們透過 redux-thunk 的套件來處理非同步的動作，那麼作為一個官方首推的套件裡，必然也...
在整進 React 專案之前我們必須了解一件事，Redux 是可以單獨獨立運作的，這也是我們之前所做的兩個 project 驗證的結果，大家應該都不陌生，兩個...
前篇我們已經完成了基本的 Store setting，並透過 React Redux 的 provider 提供所有 component 來使用，其用意與 Re...
前一篇，我們已經完成了咖啡商品的購買功能，以及示範了 React 的 component 拆分方法，那麼這篇我們就接續完成另一項進貨的功能吧！ 首先，我們先回...
