iT邦幫忙

redux相關文章
共有 90 則文章
鐵人賽 Modern Web DAY 26
Angular 8 從推坑到放棄 系列 第 26

技術 [Day 25] 使用ngrx in Angular(2)

Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...

鐵人賽 Modern Web DAY 27

技術 【Day 27】Redux middleware - redux-thunk

還記得之前介紹過 redux 的基本用法嗎? 因為覺得 React 基礎講的差不多了,今天決定回過頭來講講 redux middleware。 Redux-mi...

鐵人賽 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 17

技術 【Day 17】Redux 實戰演練

今天將直接實作 redux,如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔~ 今天嘗試將 dark theme 與 light theme...

鐵人賽 Modern Web DAY 16

技術 【Day 16】state management - redux 基礎概念

今天開始會進入 React 中比較進階的主題 - state management 在前幾天中我們介紹了 state,也介紹了 props,我們了解一個 com...

鐵人賽 自我挑戰組 DAY 30

技術 【DAY 30】鐵人練成!完賽心得!很累、很好玩。

「不然我也來參加這次的鐵人賽好了。」   就是上面一句無心的話就開啟我這三十天的鐵人歷程,說實在的,如果不是去年有老師分享過IT邦鐵人賽的文章,我想我應該從來不...

鐵人賽 自我挑戰組 DAY 29

技術 【DAY 29】react-router,很高興認識你!

【正文】   倒數第二篇...... 【前言】   按照以往,react-router的部分也在上一篇結束得差不多了,當然還有許多地方可以探討的,但我們就以比較...

鐵人賽 自我挑戰組 DAY 28

技術 【DAY 28】用react-loadable與react-router做code splitting吧

【前言】   第28天了....... 【正文】   雖著專案越來越大,我們要撰寫的js檔也越來越多,但最後我們都會在App.js(或是Root.js)去imp...

鐵人賽 自我挑戰組 DAY 27

技術 【DAY 27】React-router,其它很有用的組件(下)

【前言】   終於要來到倒數幾篇了!!!有沒有對於這些更熟悉了呢?希望有幫到大家! 【正文】   今天來介紹<Redirect>吧! <Red...

鐵人賽 自我挑戰組 DAY 26

技術 【DAY 26】React-router,其它很有用的組件(上)

【前言】   倒數最後五篇~~一起加油吧! 【正文】   昨天講完Link,今天來講跟Link很常用到的其他組件八吧! Switch:用來包Route與Redi...

鐵人賽 自我挑戰組 DAY 25

技術 【DAY 25】react-router三劍客,Router、Route、Link(下)

【前言】   今天一樣不多說廢話,直接進主題。 【正文】   今天來介紹Link吧! Link就是提供我們導引到其他頁面的連結,會被render成<a&g...

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

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

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

鐵人賽 自我挑戰組 DAY 24

技術 【DAY 24】react-router三劍客,Router、Route、Link(中)

【前言】   最近壓力大、天氣變換大,我的皮膚又開始作怪了(暈,剩下最後七篇了! 【正文】   昨天介紹四種Router標籤,今天來介紹**Route**。 R...

鐵人賽 自我挑戰組 DAY 23

技術 【DAY 23】react-router三劍客,Router、Route、Link(上)

【前言】   不怕我誤人子弟嗎QQ 【正文】   昨天我們簡單的利用react-router模擬一個SPA的網頁,今天我們就來說說Router、Route、Li...

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

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

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

鐵人賽 自我挑戰組 DAY 22

技術 【DAY 22】react-router,實現單頁式網站的秘密

【前言】   終於來到最後的react-router囉!再撐一下就可以把這三劍客都認識一遍了! 【正文】   我想大家應該都很常聽到什麼SPA、單頁式網站、Si...

鐵人賽 自我挑戰組 DAY 21

技術 【DAY 21】暫且休息一天,聊聊目前學習的心境。

【前言】   這篇不會有什麼新東西,只會有一堆廢話......嗚嗚嗚 【正文】   話說也踏入前端五個月了,也就代表學習react五個月,然後也意味著被reac...

鐵人賽 自我挑戰組 DAY 20

技術 【DAY 20】redux你就到這裡吧,讓我們邁向下個階段

【前言】   這篇會是redux的複習索引,下篇開始就是react-router囉! 【正文】   一開始我們先介紹了redux的概念,也強調它可以單獨使用,不...

鐵人賽 自我挑戰組 DAY 19

技術 【DAY 19】redux的那些兩三事

【前文】   廢話不多說,直接進正文。 【正文】   一般來說,以往用redux所做的action、reducer、store,在程式傳遞的時候都是同步執行的,...

鐵人賽 自我挑戰組 DAY 18

技術 【DAY 18】更快的撰寫action跟reducer吧!redux-actions參上

【前言】   終於先把基本的redux告一段落了......可是工作上的進度還是大延遲(嘆氣 【正文】   採用以往的方式撰寫action、reducer的確可...

鐵人賽 Software Development DAY 24

技術 Day 24 - 二周目 - Redux 如何發出非同步 action:引入非同步 middleware

回憶 前天我們介紹了Flux framework 套件 Redux,昨天實作 Redux 和 React 做串接,裡面提到不少概念: reducer: Red...

鐵人賽 自我挑戰組 DAY 17

技術 【DAY 17】利用redux與react搭配在做出一個to do list吧!(下)

【前言】   最近工作不順到覺得很挫折、壓力也很大,我覺得Redux跟我不是好朋友了。這不是我想的這樣啊(哭,繼續加油對自己打氣吧! 【正文】   昨天把con...

鐵人賽 Software Development DAY 23

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

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

鐵人賽 自我挑戰組 DAY 16

技術 【DAY 16】利用redux與react搭配在做出一個to do list吧!(中)

【前言】   又是一個禮拜的煎熬......但還是得要繼續看redux,加油加油 【正文】   昨天把presentational component順勢寫完了...

鐵人賽 Software Development DAY 22

技術 Day 22 - 二周目 - 解開 state/prop 的混亂:Flux 單向資料流暨 Redux 體驗

回憶 昨天介紹了 React 的基本概念 state/prop,它們是控制畫面渲染的變數。然而 component 的 state/prop 混合使用會使渲染邏...

鐵人賽 自我挑戰組 DAY 15

技術 【DAY 15】利用redux與react搭配在做出一個To do list吧!(上)

【前言】   呼~~終於進行到一半了(灑花!越來越不知道前言要寫什麼來湊字數了XD 【正文】   在這次的範例,我們要利用redux與react再次做一個to...

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

技術 [筆記][React]當React遇上Redux(3)-從React組件操作Reducer

Hihi!大家好!這樣子的開頭還要在鐵人賽結束前繼續用下去,請大家多多包涵XD,昨天我們已經能夠從Redux中取到資料了,今天要來說說該怎麼把透過React來觸...

鐵人賽 自我挑戰組 DAY 14

技術 【DAY 14】狀態儲存在redux的Store中吧!

【前言】   前兩篇我們介紹了action和reducer,這次不多說廢話直接進到正文吧! 【正文】   前面一直強調action是描述發生什麼事的物件,red...

鐵人賽 自我挑戰組 DAY 13

技術 【DAY 13】對方聽不懂?那就讓Reducer來幫你一把吧!

【前言】   終於來到假日了,身為一個朝八晚八的厭世工程師(什麼時候會離職或被火掉我也不知道),既然挑戰了鐵人賽,那就努力的把它做完吧(笑)!昨天講到actio...