鐵人檔案
4月底的轉職的菜鳥，剛學完vue，緊接著要挑戰從零開始學習react了！
從建立專案到完成todolist的過程中逐步了解其中的基礎架構，比較React和vue兩大框架的差異性，做出我第一個React專案，用初學者的角度去紀錄過程遇到的問題，希望能幫助到同樣程度的學習者，互相交流進步！
即時我們在不同元件分別引入CSS檔，但打包後其實每個CSS還是會整個專案共用。只想對單獨元件設立自己的樣式怎麼辦?我們可以使用Styled-Components...
天呀，沒庫存今天又晚下班沒什麼時間，只剩8天了，不可以開天窗害我們組挑戰失敗啊！中途穿插來介紹一個可以提高開發React專案效率的瀏覽器擴充工具 - React...
元件不只能從父元件接收傳下來的props資料，React提供的Context API，利用Context 創建一個全域的資料設定檔，換句換說就是共同的State...
在此專案練習使用function的方式建立元件，因此在子元件使用Hook中的useContext，來從父元件中宣告好的共用states - context中獲取...
useReducer和useState都是用於資料狀態管理的Hook，那我該怎麼區分使用他們的時機呢？ useState：適合用於不受其他state影響的獨立資...
來做個todoList來驗收這近一個月的React學習成效吧！ 在製作之前，我先用Html設計想要的樣式，把樣式轉移到React專案上，做出有：新增事項、完成待...
Header元件 第一個元件先從 Header.js 開始Header要負責 顯示標題 待辦事項 和 完成事項 NavLink連結顯示 Redirect重新...
Header、Button、List元件完成後，我們在根元件App.js依序引入使用，todoList所有的資料處理都需要在App.js中執行，最後用props...
確定資料的建立後，接下來要在List元件中使用迴圈渲染的事件的方式將每個新增的樣式呈現在列表之中。 迴圈渲染Item的function 之後會在List元件的j...
畫面完成後，該怎麼從List.js的迴圈元件中的按鈕去互叫function，讓function去改變App.js中的State資料呢? 刪除事項和完成事項功能...
