今天要聊到webpack另一個很實用的功能,當專案開發越來越龐大後,你會發現webpack build讓人真的多出很多發呆的時間,FB可以刷一陣子,所以可以ho...
登愣~今天要來介紹Babel,這也是在使用React上算是不可缺少一定會提到的工具,雖然一直還無法進入正式開發React的階段,可是我們已經周邊配備的工具已經快...
今天終於要進入React實戰階段,學習語言除了一開始練習建立Hello World,通常完整功能就是實作一套CRUD(Create、Read、Update、De...
今天要做傳入todos,並且可以修改todo item,當修改的時候原本todo item會變成修改的input,裡面有一些小小tips喔!先執行npm run...
今天要繼續補強我們Todo list的功能,還有add task跟delete task的功能尚未完成~~加油加油! Step1 首先,我們先來做add ta...
在一開始我們定義todos的時候,留了記錄每個task是否completed的boolean(isCompleted),今天我們要再來加上這個功能,就是改變ta...
再來我們要美化版面,之前有提過在React中使用style的方式,今天要介紹使用class的方式。分成兩個部分,第一個部分是webpack如何打包CSS檔,第二...
做完React todos會發現,在React中畫面的呈現與資料內容都會是由state來管理,當要存的狀態越來越多的時候,state就會顯得有點難管理。Reac...
再來會依據之前的todos範例,詳細的介紹actions、reducers、store,今天我們就從actions開始吧! Action Action是一個p...
Reducer Reducers接收action和prev state,並回傳新的state,action只傳遞要改變的類型(type)。而一開始的state...