iT邦幫忙

redux相關文章
共有 90 則文章
鐵人賽 Modern Web DAY 23
學會Elm寫前端 系列 第 23

技術 23 elm Q&A: 聽說和react, redux有關係?

如果你來自react 學react一定會用到redux來處理state的問題,那你就開始學redux,可是redux好難,一下又是reducer, 一下又是ac...

鐵人賽 Modern Web DAY 15

技術 Day15 / Redux -- MapStateToProps & MapDispatchToProps & Connect

MapStateToProps & MapDispatchToProps & Connect <好讀版> 前言 我們已經了解了資料可...

鐵人賽 Modern Web DAY 9

技術 React-Redux 表單練習

前言 當react結合redux後,就有的觀念就大轉變,要趕快脫離段適應期,所以要不段的修煉,今天練習的是redux 表單 練習目標 程式 看來挑錯練習範例...

鐵人賽 Modern Web DAY 23

技術 Day 23 / Advanced State Control -- Redux Saga

Redux Saga <好讀版> 前言 上一章談完了redux-thunk,這章要來談 redux-saga。redux-saga 和 redux-...

鐵人賽 Modern Web DAY 28
Zero to hero with React.js 系列 第 28

技術 【Day 28 React】Redux+API 製作 meme generator—— Part2

Listing memes 今天第一個任務 94 呈現 memes~~~ 第一步驟,先進到 App.js import { connect } from 'r...

鐵人賽 自我挑戰組 DAY 2

技術 【DAY 02】蝦咪?ES6、Babel、JSX要先來鑑定?

【前言】   我們昨天跟React說想跟他當好朋友,而且雙方也做了自我介紹了,如果按照少女漫畫的情節應該就可以直接牽手抱抱親親   BUT,人生就是有那個BUT...

鐵人賽 Modern Web DAY 26
Zero to hero with React.js 系列 第 26

技術 【Day 26 React】Redux 做遊戲角色陣容應用程式——完結篇

上一篇建立完角色陣容後,今天要來做已選取的角色陣容。 在 component 資料夾中新增 HeroList.js import React, { Compon...

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

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

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

鐵人賽 自我挑戰組 DAY 26

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

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

鐵人賽 Modern Web DAY 30
Zero to hero with React.js 系列 第 30

技術 【Day 30 React】Redux+API 製作 meme generator—— 完結篇

繼昨天 export 之後我們就可以來撰寫 reducer。把 NEW_MEME 加進來 import { RECEIVE_MEMES, NEW_MEME }...

鐵人賽 自我挑戰組 DAY 4

技術 【DAY 04】React!說,Props是誰啊?

【前言】   昨天我們實作了第一個React Component了,有沒有覺得自己有沒有變強了一點呢?這篇要來介紹一下React的Props屬性囉! 【正文】...

鐵人賽 Modern Web DAY 1

技術 Day 1, 踏進RRRR吧。

大家好,我是睏寶。接觸RoR已經很久了,也在去年前端攻防戰(Vue, Angular2, React)中選擇了React。 在今年陸續把手上的案子整合Rails...

鐵人賽 Modern Web DAY 24
Zero to hero with React.js 系列 第 24

技術 【Day 24 React】Redux 做遊戲角色陣容應用程式——趴四

介面的呈現 在做好基本功能之後,先來把介面刻完,然後就可以把功能 map 到 UI 元件上了。 除了 import React 和 component 之外,我...

鐵人賽 Modern Web DAY 25
Zero to hero with React.js 系列 第 25

技術 【Day 25 React】Redux 做遊戲角色陣容應用程式——趴ㄈ ㄞˋ

mapping dispatch to props import { bindActionCreators } from 'redux'; import {...

鐵人賽 Modern Web DAY 29
Zero to hero with React.js 系列 第 29

技術 【Day 29 React】Redux+API 製作 meme generator—— Part3

Create meme items 昨天把 API 裡的 meme names 都 render 出來之後,我們今天要把圖片呈現出來。 先在 component...

鐵人賽 自我挑戰組 DAY 5

技術 【DAY 05】React!說,State又是誰啊?

【前言】   昨天我們講到Props是由父層傳遞下去,不過有時候我們要讓Component本身對自己做相關的狀態變更或是Component變化,那這時候應該要怎...

鐵人賽 Software Development DAY 23

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

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

鐵人賽 自我挑戰組 DAY 3

技術 【DAY 03】Hello, React! 我終於印出你了!

【前言】   昨天我們很簡(ㄙㄨㄟˊ)略(ㄅㄧㄢˋ)的介紹ES6、Babel、JSX之後,我們要來使用React撰寫我們第一個Component囉! 【正文】...

鐵人賽 自我挑戰組 DAY 1

技術 【DAY 01】你好React,我可以當你好朋友嗎?

【前言】   咳咳,我是Hyora,一個剛滿四個月、天天都很厭世、擔心什麼時候會被火掉的超廢前端工程師。雖是本科系出身,但大學程式課程要不是低空飛過,不然就是能...

鐵人賽 Modern Web DAY 22
Zero to hero with React.js 系列 第 22

技術 【Day 22 React】Redux 做遊戲角色陣容應用程式——趴兔

Action 的設定 有 provider,有 store,有 reducer,明星三缺一,現在只缺 action 啦!第一個要定義的 action,就來寫寫選...

鐵人賽 Modern Web DAY 23
Zero to hero with React.js 系列 第 23

技術 【Day 23 React】Redux 做遊戲角色陣容應用程式——趴水

接續昨天在 index.js 寫完 reducer 的程式碼,現在要把這些程式碼分別放進各自的 reducer 裡,實現最結構化的撰寫模式。我們在 reduce...

鐵人賽 自我挑戰組 DAY 16

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

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

鐵人賽 Modern Web DAY 14

技術 Day 14 / Redux -- Reducer & Action creater & Action

Reducer & Action creater & Action <好讀版> 前言 這章要開始講解 redux 中重要的三個部分,...

鐵人賽 自我挑戰組 DAY 15

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

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

鐵人賽 Software Development DAY 24

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

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

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

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

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

鐵人賽 Modern Web DAY 17

技術 Day 17 / Redux -- Middleware

Middleware <好讀版> 前言 這章是 Redux 章節的最後一章,我們要講的是 middleware,也是 redux 的一個很重要的概念...

鐵人賽 自我挑戰組 DAY 8

技術 【DAY 08】React Component也有生老病死?(下)

【前言】   昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就...

鐵人賽 自我挑戰組 DAY 7

技術 【DAY 07】React Component也有生老病死?(上)

【前言】   昨天講完Refs,會不會覺得目前React已經很煩了呢?希望你不會......XD 【正文】   今天要來聊聊React Component的生命...

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

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

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