iT邦幫忙

鐵人檔案

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

React 30天 系列

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

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

Day 21-這裡不能來,閃閃去旁邊(Redirect)與No Match (404)

前情提要:在前天的react router介紹裡,有提到<Switch>的功能會幫我們匹配第一個符合的<Route>,如果<Rou...

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

Day 22-使用Query Parameters提供todos的過濾條件吧

前情提要:昨天繼續擴增todos後,已經可以好好管理非預期的路由了,不管是走錯地方的需要Redirect或是根本沒那頁的404,都可以好好處理它們。今天就來看看...

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

Day 23-使用redux-thunk處理News API

前情提要:昨天暫時把todos告一段落,今天要開始新建news內容,計畫很簡單就是使用News API取得新聞內容。剛好這個API很貼心可以選擇國家,所以就想說...

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

Day 24-透過URL Parameters處理News內頁

前情提要:昨天把News API的資料都串好了,今天來處理內頁吧! 目標說明: 如果有內文的話可以連到新聞內頁,沒有的話則另開新分頁打開來源URL 使用URL...

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

Day 25-你好,Hello,こんにちは(react-intl初認識)

i18n,也就是internationalization,我們可以透過它管理多國語言切換,而react-intl則是FormatJS的一部分。FormatJS是...

2018-11-01 ‧ 由 Yvonne 分享
DAY 26

Day 26-讓todos變得國際化吧

前情提要:昨天大略說明了一下react-intl有哪些功用,今天就來把訊息字串換成多國語言吧! 很老套的先安裝react-intl yarn add react...

2018-11-02 ‧ 由 Yvonne 分享
DAY 27

Day 27-使用PropTypes進行型別檢查

前情提要:昨天簡單的把react-intl實作之後,今天來看看PropTypes吧! 很多的react application都有看到型別檢查。有些使用Prop...

2018-11-03 ‧ 由 Yvonne 分享
DAY 28

Day 28-初認識Flow

前情提要:昨天體驗過如何用PropTypes進行型別檢查後,今天來看看怎麼用Flow做型別檢查吧! Flow是由Facebook出品,並且通常與React一起搭...

2018-11-04 ‧ 由 Yvonne 分享
DAY 29

Day 29-歷程小結

前情提要:昨天簡單地看過Flow,本來想繼續深入flow-React部分,嘗試的自己練習後發現弔詭的現象,預想會出錯的型別卻順利通過,果然沒有好好看說明文件直接...

2018-11-05 ‧ 由 Yvonne 分享
DAY 30

Day 30-後續的學習方向

終於到了最後一天,抱歉寫到後面其實已經有點不知道自己在幹嘛了,最終還是不小心傷了大家的眼。這30天每天都在上演on檔鄉土劇,每天都在想劇本,到了最後果然還是變成...

2018-11-06 ‧ 由 Yvonne 分享