iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

React 30天 系列

React, React Router & Redux
和React友好的每一天

鐵人鍊成 | 共 30 篇文章 | 50 人訂閱 訂閱系列文 RSS系列文 團隊武裝狗狗
DAY 11

Day 11-初探Redux(State)

前情提要:昨天做了todos的小練習,本來預計今天要回憶過去的,但昨天做完練習後覺得,集合所有概念做出來的東西,就是一種複習。所以我們把回憶留到最後再來大回顧吧...

2018-10-18 ‧ 由 Yvonne 分享
DAY 12

Day 12-初探Redux(store, reducer, action)

前情提要:昨天我們先帶入了什麼是state,redux的任務其實也就是好好管理state,今天我們就來認識store、reducer和action吧! Redu...

2018-10-19 ‧ 由 Yvonne 分享
DAY 13

Day 13-Redux-Store的三個方法

前情提要:昨天大致上瞭解了store、reducer和action各自的角色任務,我們今天延續昨天,把action和reducer串連吧! 還記得昨天我們寫好的...

2018-10-20 ‧ 由 Yvonne 分享
DAY 14

Day 14-和Redux合作重寫todos吧!

前情提要:昨天介紹完了的三個方法,我們知道如何透過getState取得state;知道如何透過dispatch執行action更新state;知道怎麼透過sub...

2018-10-21 ‧ 由 Yvonne 分享
DAY 15

Day 15-[番外]關於HOC

前情提要:昨天我們把原本的todos和redux結合,實作了state、store、reducer和action等redux要件,如何透過react-redux...

2018-10-22 ‧ 由 Yvonne 分享
DAY 16

Day 16-[番外]HOC簡易實例

前情提要:昨天了解了HOC的概念,但礙於手邊有的東西不好變化,也有可能是手邊的redux,對於一次結合覺得有點複雜,今天就用簡單的react applicati...

2018-10-23 ‧ 由 Yvonne 分享
DAY 17

Day 17-redux middleware(使用redux-promise處理非同步資料吧)

前情提要:昨天實作了HOC的小練習withLoading,我們透過api取得資料,但這過程中沒有使用redux處理,如果要透過redux處理非同步資料的話,又會...

2018-10-24 ‧ 由 Yvonne 分享
DAY 18

Day 18-回顧Redux

前情提要:昨天很粗略地講了redux-promise怎麼用,走到middleware後也該跟redux告別了,最後的最後再讓我記錄一下Presentationa...

2018-10-25 ‧ 由 Yvonne 分享
DAY 19

Day 19-你好,React Router 4(安裝及角色介紹)

前情提要:昨天大致總結了一下Redux,今天來看看React Router吧! React Router是React的路由解决方案,它可以讓UI可以與URL同步...

2018-10-26 ‧ 由 Yvonne 分享
DAY 20

Day 20-使用react-router繼續擴增todos吧( ´▽` )ノ

前情提要:昨天安裝了react router以及介紹了裡面登場的角色,今天就來套用在我們的萬年好朋友todos上吧! 一開始覺得很廢的todos,現在我要好好感...

2018-10-27 ‧ 由 Yvonne 分享