iT邦幫忙

react-redux相關文章
共有 25 則文章
鐵人賽 Modern Web

技術 Day 31 DEV TOOL

在開發時,總缺少不了 bug 的存在, 那如何 debugger 就是所有開發者都很在意的問題了, 以往開發 web 每個瀏覽器都會有相應的 devtool,...

鐵人賽 Modern Web DAY 28

技術 Day 28 加入 Action

第 28 天 ! 倒數 3 天! 當我們道路都打通後,我們要開始想要傳什麼資料進去, 首先,我們要確定要放在 redux store 的資料是什麼? 通常,我們...

鐵人賽 Modern Web DAY 27

技術 Day 27 Redux 接入 component

第 27 天 ! 昨天我們把 redux 給接入到我們的專案上, 那今天試著把 store 的 state 給導入到我們的 component 裡, 那我們要如...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 26

技術 Day 26 設定 Redux 環境

第 26 天 ! 今天我們來試著把 redux 的環境建立起來吧, 安裝 redux 套件: yarn add redux redux 本身是獨立的套件,是...

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 1

技術 Day 01 前言

自我介紹 嗨~大家好,這是我第一次來參加鐵人賽 那本身就是前端工程師,接觸前端也有一陣子了, 之前都是在 Web 上做開發, 使用的是 ReactJS, 那這次...

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 12

技術 Redux 簡介

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

鐵人賽 Modern Web DAY 12

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 28
一步一腳印的React旅程 系列 第 28

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

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

鐵人賽 Modern Web DAY 26
一步一腳印的React旅程 系列 第 26

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

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

鐵人賽 Modern Web DAY 25
一步一腳印的React旅程 系列 第 25

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

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

鐵人賽 Modern Web DAY 24
一步一腳印的React旅程 系列 第 24

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

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

鐵人賽 Software Development DAY 23

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

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