iT邦幫忙

redux相關文章
共有 90 則文章
鐵人賽 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 'r...

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

技術 【Day 27 React】Redux+API 製作 meme generator—— Part1

現在網路上有許多有趣的梗圖,今天我們不求人!就來串接 Imgflip API 取得梗圖,再透過讓使用者輸入要放在圖片上的文字,做出最客製化的梗圖~ 環境建置...

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

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

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

鐵人賽 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 24
Zero to hero with React.js 系列 第 24

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 9

技術 React-Redux 表單練習

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

鐵人賽 Modern Web DAY 8

技術 React-Redux-框架練習(2)

前言 續昨天的文章: Getting started with create-react-app, Redux, React Router & Red...

鐵人賽 Modern Web DAY 7

技術 React-Redux-框架練習(1)

前言 我找到一篇 Redux 的初學教學,是一個外國人寫的,我順便翻寫他所做的文章,也方便我釐清觀念。 Getting started with create...