鐵人檔案
吃素的工程師，因為我很菜。我甚麼都不會，只會報名鐵人賽。希望這30天可以讓自己跌入 React 的懷抱，探究它的魅力，記錄學習的一步一腳印。30天後我要成為 React HERO!!!!
這次要做的專案是遊戲角色選取的應用程式做出來的應用程式大概會像這樣： 可以從左邊的角色選項選取到右邊，陣容狀態會依被選取的角色而不斷更動。 建置環境 在專案資...
Action 的設定 有 provider，有 store，有 reducer，明星三缺一，現在只缺 action 啦！第一個要定義的 action，就來寫寫選...
接續昨天在 index.js 寫完 reducer 的程式碼，現在要把這些程式碼分別放進各自的 reducer 裡，實現最結構化的撰寫模式。我們在 reduce...
介面的呈現 在做好基本功能之後，先來把介面刻完，然後就可以把功能 map 到 UI 元件上了。除了 import React 和 component 之外，我們...
mapping dispatch to props import { bindActionCreators } from 'redux'; import {...
上一篇建立完角色陣容後，今天要來做已選取的角色陣容。在 component 資料夾中新增 HeroList.js import React, { Compone...
現在網路上有許多有趣的梗圖，今天我們不求人！就來串接 Imgflip API 取得梗圖，再透過讓使用者輸入要放在圖片上的文字，做出最客製化的梗圖～ 環境建置...
Listing memes 今天第一個任務 94 呈現 memes~~~第一步驟，先進到 App.js import { connect } from 're...
Create meme items 昨天把 API 裡的 meme names 都 render 出來之後，我們今天要把圖片呈現出來。先在 component...
繼昨天 export 之後我們就可以來撰寫 reducer。把 NEW_MEME 加進來 import { RECEIVE_MEMES, NEW_MEME }...