iT邦幫忙

鐵人檔案

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

寫React的那些事 系列

今年從React出發,學習了許多相關的技術,以前常常看IT幫幫忙的文章,希望也能來分享一些什麼,把學會的分享出來,教學相長!

鐵人鍊成 | 共 31 篇文章 | 77 人訂閱 訂閱系列文 RSS系列文
DAY 11

React Day11 - Webpack(4) Hot Module Replacement (HMR)

今天要聊到webpack另一個很實用的功能,當專案開發越來越龐大後,你會發現webpack build讓人真的多出很多發呆的時間,FB可以刷一陣子,所以可以ho...

2016-12-11 ‧ 由 chiouchu 分享
DAY 12

React Day12 - Babel介紹

登愣~今天要來介紹Babel,這也是在使用React上算是不可缺少一定會提到的工具,雖然一直還無法進入正式開發React的階段,可是我們已經周邊配備的工具已經快...

2016-12-12 ‧ 由 chiouchu 分享
DAY 13

React Day13 - TODOS Demo(1)

今天終於要進入React實戰階段,學習語言除了一開始練習建立Hello World,通常完整功能就是實作一套CRUD(Create、Read、Update、De...

2016-12-13 ‧ 由 chiouchu 分享
DAY 14

React Day14 - TODOS Demo(2)

今天要做傳入todos,並且可以修改todo item,當修改的時候原本todo item會變成修改的input,裡面有一些小小tips喔!先執行npm run...

2016-12-14 ‧ 由 chiouchu 分享
DAY 15

React Day15 - TODOS Demo(3)

今天要繼續補強我們Todo list的功能,還有add task跟delete task的功能尚未完成~~加油加油! Step1 首先,我們先來做add ta...

2016-12-15 ‧ 由 chiouchu 分享
DAY 16

React Day16 - TODOS Demo(4)

在一開始我們定義todos的時候,留了記錄每個task是否completed的boolean(isCompleted),今天我們要再來加上這個功能,就是改變ta...

2016-12-16 ‧ 由 chiouchu 分享
DAY 17

React Day17 - 在React中使用class

再來我們要美化版面,之前有提過在React中使用style的方式,今天要介紹使用class的方式。分成兩個部分,第一個部分是webpack如何打包CSS檔,第二...

2016-12-17 ‧ 由 chiouchu 分享
DAY 18

React Day18 - Redux 三大原則

做完React todos會發現,在React中畫面的呈現與資料內容都會是由state來管理,當要存的狀態越來越多的時候,state就會顯得有點難管理。Reac...

2016-12-18 ‧ 由 chiouchu 分享
DAY 19

React Day19 - Redux Action

再來會依據之前的todos範例,詳細的介紹actions、reducers、store,今天我們就從actions開始吧! Action Action是一個p...

2016-12-19 ‧ 由 chiouchu 分享
DAY 20

React Day20 - Redux Reducer

Reducer Reducers接收action和prev state,並回傳新的state,action只傳遞要改變的類型(type)。而一開始的state...

2016-12-20 ‧ 由 chiouchu 分享