iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

4 Like 1 留言 8516 瀏覽

鐵人賽自我挑戰組 DAY 1

30天深入淺出Redux 系列第 1 篇

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

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

LucianoLee ‧ 2022-09-12

0 Like 0 留言 6569 瀏覽

鐵人賽 Software Development DAY 23

用js成為老闆心中的全端工程師系列第 23 篇

技術 Day 23 - 二周目 - Redux 串接 React 與 Redux DevTools

回憶昨天介紹了 Flux 架構和它的實作套件 Redux。最後我們寫了簡單的 Redux 程式，體驗 Redux 如何運作。以 Flux 架構圖來說，昨天的...

eugenechen ‧ 2018-10-23

7 Like 1 留言 6473 瀏覽

鐵人賽 Modern Web DAY 16

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 16 篇

技術 Day15 | React-Saga 見一次就愛上的 async flows

前言在 Redux 中做非同步的請求其實是很麻煩的，這也是一開始讓我卡關的一個痛點，但好在有 StackOverflow 才沒讓這個痛持續很久。其實一開始我...

神Q超人 ‧ 2019-09-27 ‧團隊IT成長團

5 Like 1 留言 4752 瀏覽

鐵人賽 Modern Web DAY 14

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 14 篇

技術 Day13 | React 的快樂小夥伴 - Redux 事件處理篇

前言在上一篇的資料處理篇中，我們學習到了如何將資料放到 Store 中儲存，並以 useSelector 將資料取出，而本篇會提及如何使用 Reducer 異...

神Q超人 ‧ 2019-09-25 ‧團隊IT成長團

6 Like 1 留言 3836 瀏覽

鐵人賽 Modern Web DAY 15

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 15 篇

技術 Day14 | Redux 的改變，Logger 看得見

前言前兩篇學習了 Redux 的操作方法，雖然 Redux 替我們處理資料真的很方便，但是實際上是得經過 Component、Action、Reducer 三...

神Q超人 ‧ 2019-09-26 ‧團隊IT成長團

0 Like 0 留言 3383 瀏覽

鐵人賽 Modern Web DAY 12

React + GraphQL 全端練習筆記系列第 12 篇

技術 Redux 簡介

本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 R...

Jasper ‧ 2020-09-25 ‧團隊Outcome First

7 Like 1 留言 3355 瀏覽

鐵人賽 Modern Web DAY 26

一步一腳印的React旅程系列第 26 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(6)-上吧！迴圈！

Hi！大家好啊！其實最後五篇的時候一直在作品中間鬼打牆XD，有時候想說這樣做，睡前又想說可以這樣做，起床改一改上班又想到另外一個作法，總之真的覺得第一次使用組件...

神Q超人 ‧ 2018-10-31 ‧團隊IT成長營

3 Like 1 留言 3166 瀏覽

鐵人賽 Modern Web DAY 21

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 21 篇

技術 Day20 | Component 被 Redux 罩著怎麼測試？

前言就 Redux 而言，與上一篇的 Counter 不同的地方就是多了 Action 以及 Reducer，而它們也都只是純函數，測試並不會是難點，需要思考...

神Q超人 ‧ 2019-10-02 ‧團隊IT成長團

5 Like 0 留言 2537 瀏覽

鐵人賽 Modern Web DAY 28

一步一腳印的React旅程系列第 28 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(8)-人生不能重來，但資料可以修改

嗨囉！大家好！最後三天最難熬！昨天已經能夠展開我們的編輯區了，今天來把編輯資料的部分做完吧！那一開始先來做Redux的部分吧！要處理的事情有以下幾點，讓我們...

神Q超人 ‧ 2018-11-02 ‧團隊IT成長營

0 Like 1 留言 2511 瀏覽

鐵人賽 Modern Web DAY 29

Follow me! 來一場前端技能樹之旅系列第 29 篇

技術 [Day 29 - 小試身手] Todolist with React (4)

在上一章Todolist with React (3)，使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作，就讓我們繼續完成最後一個部分...

May ‧ 2021-10-12

5 Like 0 留言 2457 瀏覽

鐵人賽 Modern Web DAY 24

一步一腳印的React旅程系列第 24 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(4)-Redux登板，建立store

昨天把新增的表單處理完了！今天要來處理Redux的部分，雖然年代久遠，不知道大家還記不記得，忘記的話就當作複習，來做一次吧！確認資料在要做新作業的時候，最...

神Q超人 ‧ 2018-10-29 ‧團隊IT成長營

0 Like 0 留言 2381 瀏覽

鐵人賽自我挑戰組 DAY 3

30天深入淺出Redux 系列第 3 篇

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

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

LucianoLee ‧ 2022-09-14

0 Like 0 留言 2360 瀏覽

鐵人賽自我挑戰組 DAY 14

30天深入淺出Redux 系列第 14 篇

技術 Redux 深入淺出 - [ Day 14 ] Redux Toolkit ExtraReducer

前一篇我們已經完成整併了我們的每項商品，但是資金的部分我們還沒處理，像原本 redux 的做法就是靠 action type 來做標記，相同標記取不同值做不同操...

LucianoLee ‧ 2022-09-25

1 Like 0 留言 2326 瀏覽

鐵人賽自我挑戰組 DAY 2

30天深入淺出Redux 系列第 2 篇

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

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

LucianoLee ‧ 2022-09-13

3 Like 0 留言 2288 瀏覽

鐵人賽 Modern Web DAY 25

一步一腳印的React旅程系列第 25 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(5)-寫下新增資料的里程碑

嗨囉！大家好啊！就像上一期（還是上上一期？）最後說的，今天就要來處理新增資料啦！話說剛剛在準備進度時，都沒經過任何測試，一次執行就過，讓我非常驚訝，一直在試是不...

神Q超人 ‧ 2018-10-30 ‧團隊IT成長營

0 Like 0 留言 2193 瀏覽

鐵人賽自我挑戰組 DAY 23

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 23 篇

技術【Day23】ChatGPT請教教我：React進階（一）- React Redux 狀態管理

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆前端技能樹...

一宵三筵 ‧ 2023-10-07

0 Like 0 留言 2167 瀏覽

鐵人賽 Modern Web DAY 12

我不用Expo啦，React Native！系列第 12 篇

技術 [Day12] 幫喜歡的項目按下愛心

今日關鍵字：redux 當初資料格式裡面有這兩個屬性 isFavorite: boolean isReminding: boolean 對應著是否加...

b97201019 ‧ 2020-09-12

0 Like 0 留言 2104 瀏覽

鐵人賽 Modern Web DAY 26

以 Kotlin 為主要語言建構基本的 Online Judge 系統系列第 26 篇

技術 Day 26：批改系統網頁 (8) – 利用 Redux 來進行元件之間的狀態變更

昨天我們建立了 HTTPS 連線，藉以讓使用者可以登入網站。不過雖然已經可以登入網站了，但是卻還是有登入後各個元件之間狀態無法同步資料的問題，究竟我們該如何解...

灆洢 a.k.a Maplewing ‧ 2020-09-26

0 Like 0 留言 1987 瀏覽

鐵人賽 Modern Web DAY 28

Follow me! 來一場前端技能樹之旅系列第 28 篇

技術 [Day 28 - 小試身手] Todolist with React (3)

在上一章Todolist with React (2)，完成所有樣式設定後，現在就讓我們在 React 中加入 Redux，使用 React-redux 動態...

May ‧ 2021-10-11

0 Like 0 留言 1968 瀏覽

鐵人賽自我挑戰組 DAY 4

30天深入淺出Redux 系列第 4 篇

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

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

LucianoLee ‧ 2022-09-15

0 Like 0 留言 1838 瀏覽

鐵人賽自我挑戰組 DAY 5

30天深入淺出Redux 系列第 5 篇

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

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

LucianoLee ‧ 2022-09-16

0 Like 0 留言 1790 瀏覽

鐵人賽自我挑戰組 DAY 12

30天深入淺出Redux 系列第 12 篇

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

什麼是 Redux toolkit ? Redux Toolkit 官方的推薦使用的Redux工具，用於提高 Redux 開發。它包含幾個實用功能，可簡化最...

LucianoLee ‧ 2022-09-23

2 Like 0 留言 1739 瀏覽

技術 React 學習筆記_25(在React中使用Redux - 1)

簡介雖然Redux與React沒有關係，可以用Redux搭配Angular,JQuery甚至原生JavaScript，不過由於React是單向資料流的形式，若...

Fandix ‧ 2020-05-17

0 Like 0 留言 1677 瀏覽

鐵人賽自我挑戰組 DAY 13

30天深入淺出Redux 系列第 13 篇

技術 Redux 深入淺出 - [ Day 13 ] Redux Toolkit Slice

前一篇我們有介紹了 Redux toolkit 並且示範他是如何簡化及整併原本的專案的，那麼今天我們就陸續將其他兩項商品也搬移進現在的專案裡面吧！在成功的移植...

LucianoLee ‧ 2022-09-24

0 Like 1 留言 1652 瀏覽

鐵人賽自我挑戰組 DAY 30

30天深入淺出Redux 系列第 30 篇

技術 Redux 深入淺出 - [ Day 30 ] React RTK Query Typescript todo list - 新增功能 & 結語

今天是最後一篇了，我們接著完成我們最後的新增功能吧！其實新增功能與先前的部分沒有差太多，一樣我們先回到 todoApi 去處理新增的功能，如下： // sr...

LucianoLee ‧ 2022-10-11

0 Like 0 留言 1596 瀏覽

鐵人賽自我挑戰組 DAY 17

30天深入淺出Redux 系列第 17 篇

技術 Redux 深入淺出 - [ Day 17 ] Redux Toolkit asyncThunk 非同步範例

還記得我們在原本 Redux 環境下是如何處理非同步的事件嗎？我們透過 redux-thunk 的套件來處理非同步的動作，那麼作為一個官方首推的套件裡，必然也...

LucianoLee ‧ 2022-09-28

0 Like 0 留言 1519 瀏覽

鐵人賽自我挑戰組 DAY 7

30天深入淺出Redux 系列第 7 篇

技術 Redux 深入淺出 - [ Day 7 ] 範例商品 - 咖啡豆

前一篇我們完成了咖啡的進貨功能，今天我們來延伸咖啡豆商品的部分，我們一樣先不複雜購買動作的複雜性，讓我們再走一次流程加深印象。首先，先定義出 action t...

LucianoLee ‧ 2022-09-18

0 Like 0 留言 1511 瀏覽

鐵人賽 Modern Web DAY 23

Follow me! 來一場前端技能樹之旅系列第 23 篇

技術 [Day 23 - Redux] React + Redux = React-redux

前情提要：在前面的文章有了Redux，狀態管理沒煩惱，學到了如何在 Redux 透過 Action 管理更新所有的 State。接下來就讓我們學習如何在 Re...

May ‧ 2021-10-06

1 Like 0 留言 1481 瀏覽

技術 React 學習筆記_29(在React中使用Redux - 5)

簡介上一篇中我們已經將大部分的內容與功能都建立完成，最後要建立的便是給使用者選擇要看到那些Todo的選項按鈕，顯示篩選分別為 : 全部Todo 已經完成的T...

Fandix ‧ 2020-05-21

0 Like 0 留言 1429 瀏覽

鐵人賽自我挑戰組 DAY 18

30天深入淺出Redux 系列第 18 篇

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

在整進 React 專案之前我們必須了解一件事，Redux 是可以單獨獨立運作的，這也是我們之前所做的兩個 project 驗證的結果，大家應該都不陌生，兩個...

LucianoLee ‧ 2022-09-29