還記得我們在原本 Redux 環境下是如何處理非同步的事件嗎？ 我們透過 redux-thunk 的套件來處理非同步的動作，那麼作為一個官方首推的套件裡，必然也...
前篇我們整併了咖啡豆的商品，今天我們來完成最後一項蛋糕的商品，那麼相信大家也不陌生了吧！ 我們就一樣先把不相關的指令給碼掉，於 ./index.js 做以下處...
前一篇我們了解了 extraReducer 的用法，並完成了咖啡商品的 slice 和 assetsSlice 裏面設定 extraReducer 綁定 cof...
前一篇我們已經完成整併了我們的每項商品，但是資金的部分我們還沒處理，像原本 redux 的做法就是靠 action type 來做標記，相同標記取不同值做不同操...
前一篇我們有介紹了 Redux toolkit 並且示範他是如何簡化及整併原本的專案的，那麼今天我們就陸續將其他兩項商品也搬移進現在的專案裡面吧！ 在成功的移植...
什麼是 Redux toolkit ? Redux Toolkit 官方的推薦使用的Redux工具，用於提高 Redux 開發。 它包含幾個實用功能，可簡化最...
上篇我們已經完成基本的redux-thunk的安裝，那麼今天我們就來設定一組簡單的資料呈現功能吧！ 這邊為了示範常用的作法我會採用 axios 來做資料的串接，...
這篇分享的主要還是以非同步的處理為主，重點會擺在 redux-thunk 的使用上，當然 redux 不是只有 redux-thunk 可以處理非同步的動作。...
回首我們目前的功能已經相對完善許多，但站在維護的角度，我們應該可以做得更好一些！ 程式語言畢竟還是語言，既然是語言，我們能做的就是讓其更加言之有物，這樣也比較方...
今天要完成的功能為我們預設的第三樣商品蛋糕部分的購買與補貨，邏輯會和前一篇有點類似，目的也是讓大家熟悉一下 redux 資料更新的流程，那麼我們開始吧！ 一樣我...
前一篇我們完成了咖啡的進貨功能，今天我們來延伸咖啡豆商品的部分，我們一樣先不複雜購買動作的複雜性，讓我們再走一次流程加深印象。 首先，先定義出 action t...
如前一篇我們已經知道如何拆分檔案，並也了解到 redux 一個完整的資料更新流程會歷經哪些步驟，那麼我們回過頭來想一下，一個咖啡廳還會有哪些動作需要擴充。 首先...
接續上一篇我們成功地建立了一個 Redux 的完整程序於 index.js 之中，那這一篇就來分享常用的分層概念，首先我們先回到這張圖上。 讓我們按著這個圖表...
接續上一篇內容，繼續往下實作 Reducer function 吧！ 讓我們來複習一下第一篇的觀念，Reducer 有幾個原則必須注意： 只會根據傳入的sta...
接續上一篇的內容，我們已經釐清我們想做的功能，我們就用咖啡廳的例子往下開發吧。 我們先預想一下我們的咖啡廳要賣些什麼東西，可能有咖啡品項、咖啡豆、蛋糕，那麼我們...
今天的內容會以製作實際的範例為主，那麼我們先確定一下環境是否有安裝node，如果沒有的話可能要先去安裝node。(node官方連結)詳細的安裝過程，我就不再贅述...
前導 這次的主題是板上已有非常多資源的Redux，但時代在變，Redux也在變，有很多做法已經不再適合現在主流 React functional compone...
這篇要介紹的是 Redux DevTools，是一個可以紀錄及操作存在 Redux store 內的 state 以及 dispatch action 的工具，...
第 26 天 ! 今天我們來試著把 redux 的環境建立起來吧， 安裝 redux 套件： yarn add redux redux 本身是獨立的套件，是...
阿毛
‧
2021-10-11
第 25 天 ! 我們知道 redux 結構 flux-like ， 那麼他的每個階段是在處理什麼？ store 這是管理 redux 資料的地方， 但跟 fl...
阿毛
‧
2021-10-10
第 24 天 ! 倒數一個禮拜！！ 今天來介紹 Redux !! 什麼是 Redux 在官方開頭就有說了一句， 是一個可預設狀態的容器。 Redux 是參...
阿毛
‧
2021-10-09
前情提要：在前面的文章有了Redux，狀態管理沒煩惱，學到了如何在 Redux 透過 Action 管理更新所有的 State。接下來就讓我們學習如何在 Re...
前情提要：在前面關於 React 的幾篇文章，學會了建立 React Component，依據使用者操作在組件間處理資料。接下來就會提到如何使用 Redux，...
在這篇文章中，我們要來認識一個函式庫: Redux Toolkit。 Redux Toolkit 官網 Redux Toolkit 是什麼? 不知道讀者有沒有感...
2022/08/03 補充 現在回來看發現自己以前寫的 Redux 還有很多要改進的地方，所以重構了一個範例，並使用了 custom hook useActio...
Redux 官網 在還沒有加入Redux之前，資料在APP中各個view的傳遞會需要翻山越嶺，經過一個庄再到一庄： 有了 Redux 後，所有的資料就會在最上...
這篇主要會講述 Redux 的一些介紹，下篇才會開始進行實作。 Redux 是什麼? Redux 是專門管理 state 的函式庫，它可以將整個專案的 stat...
What's Redux !? Redux 是一個用來集中管理state的一個library， 用了Redux我們可以直接取得或修改相同的state，不用再一層...
利用 Redux 當 React Component 中的資料發生變化時 , 告知 Vue Component 資料發生變化 make a proxy as...
使用 React 作為前端架構的朋友對於 Flux 應該都不陌生，React 也內建了 Flux 讓我們可以直接使用，同時也有許多其他的 library 以這個...
LucianoLee
harry xie
May
Edmond
Ivy
Tree
黃升煌 Mike
iThome鐵人賽
看影片追技術