iT邦幫忙

redux相關文章
共有 159 則文章
鐵人賽 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跟我不是好朋友了。這不是我想的這樣啊(哭,繼續加油對自己打氣吧! 【正文】  昨天把conta...

鐵人賽 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 do...

鐵人賽 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是描述發生什麼事的物件,reduc...

鐵人賽 自我挑戰組 DAY 13

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

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

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

技術 [筆記][React]當React遇上Redux(2)-資料的傳遞方式

Hello!大家好!昨天初步認識了Redux後(真的非常初步XD),知道他如何管理資料了,那今天要來說說在Redux手上的資料該怎麼傳給React的組件!就請各...

鐵人賽 自我挑戰組 DAY 12

技術 【DAY 12】利用Redux發射愛的Action吧

【前言】  最近加班都到好晚,工作上一切都好不順利(暈,每天希望自己不要扯後腿,但好像都瘋狂在扯後腿,對前輩整個很不好意思......嗚嗚嗚。但還是要得抽時間繼...

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

技術 [筆記][React]當React遇上Redux(1)-初次見面

Hello!大家好啊!就算標題讓人搞不清楚狀況,但是點進來的時候應該還沒忘記昨天的成就感吧XD,為了能夠在最後獲得更大的滿足,今天再來開始繼續學習吧! 介紹R...

鐵人賽 自我挑戰組 DAY 11

技術 【DAY 11】Redux不是小三!它只是和ReactJS較契合!

【前言】  完成三分之一的鐵人賽,接下來的文章要來介紹我最害怕的東西「Redux」,為什麼我要這麼說?因為即便我知道它的Redux概念是什麼,要我直接手寫出來我...

鐵人賽 自我挑戰組 DAY 10

技術 【DAY 10】這樣我們關係有比較近了嗎?ReactJS

【前言】  前幾天我們建構了一些React的一些基礎觀念,這篇會稍微整理一下內容,並提供一些其他的網站給予參考。【正文】  剛開始我們稍微對ReactJS這個函...

鐵人賽 自我挑戰組 DAY 9

技術 【DAY 09】利用狀態提升重新撰寫一次TodoList吧!

【前言】  前幾天我們做的練習基本上都是放在同個Component檔案下,但事實上我們會切分Component,一來可以達到Component的可覆用性、可維護...

鐵人賽 自我挑戰組 DAY 8

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

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

鐵人賽 自我挑戰組 DAY 7

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

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

鐵人賽 自我挑戰組 DAY 6

技術 【DAY 06】React!還有?refs你別來好不?

【前言】  前兩篇講到props、state,可是阿,有時候看到滿滿jquery的特效就很想拿來react用,可是jquery那些都要直接對實體DOM做操作;抑...

鐵人賽 自我挑戰組 DAY 5

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

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

鐵人賽 自我挑戰組 DAY 4

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

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

鐵人賽 自我挑戰組 DAY 3

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

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

鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 自我挑戰組 DAY 1

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

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

徵才 美商A10 Networks - Sr. FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

徵才 美商A10 Networks - Junior FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

徵才 美商A10 Networks - Sr. FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

鐵人賽 Modern Web DAY 23
學會Elm寫前端 系列 第 23

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

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

鐵人賽 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 }...

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

鐵人賽 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 're...