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

1 Like 0 留言 236 瀏覽

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

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

Fandix ‧ 2020-05-21

2 Like 0 留言 265 瀏覽

技術 React 學習筆記_28(在React中使用Redux - 4)

簡介上一篇中我們已經將AddTodo建立好並且確認Reducer會產生新的state，接下來要建立將Todo物件顯示在UI的組件，由於TodoList只負責渲...

Fandix ‧ 2020-05-20

1 Like 0 留言 257 瀏覽

技術 React 學習筆記_27(在React中使用Redux - 3)

簡介上一篇中我們已經將Action與如何處理Action的Reducer建立好了，接下來將整個TodoList專案透過以下順序建立: 輸入新的Todo內容並...

Fandix ‧ 2020-05-19

2 Like 0 留言 267 瀏覽

技術 React 學習筆記_26(在React中使用Redux - 2)

簡介上一篇中提到了React與Redux的結合並且設計了Component的階層，本篇將照著設計好的Component進行實作。 Action Creater...

Fandix ‧ 2020-05-18

1 Like 0 留言 327 瀏覽

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

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

Fandix ‧ 2020-05-17

2 Like 1 留言 480 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

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

3 Like 0 留言 1037 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

3 Like 0 留言 506 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

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

4 Like 0 留言 596 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

5 Like 0 留言 978 瀏覽

鐵人賽 Modern Web DAY 28

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

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

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

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

7 Like 1 留言 1203 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

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

3 Like 0 留言 833 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

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

5 Like 0 留言 1173 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

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

0 Like 0 留言 1596 瀏覽

鐵人賽 Software Development DAY 23

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

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

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

eugenechen ‧ 2018-10-23