系列文章
【Day 22】 深層傳遞state！除了props還有其他方式 - proivde & inject和useContext
還記得前幾天有提到因為Vue和React都是以單向資料流為核心，所以資料的傳遞方向都必須是爺爺傳給爸爸，爸爸再傳給兒子嗎？雖然用props層層傳遞state，沒...
【Day 21】管理邏輯複雜的狀態 - useReducer
我們在最一開始的時候，就已經看過最基本用來管理state的hook－useState了，今天再來看看另一個也是用在管理state的hook，就是useReduc...
【Day 23】利用useReducer ＋ useContext管理複雜的狀態邏輯
我們在前幾天已經認識了useReducer和useContext的用法，今天來點進階的內容，把useReducer和useContext結合在一起使用看看。這兩...
【Day 24】跨越直系與旁系元件的全域狀態管理工具
針對狀態管理，前面有看過最基本的useState，也有看過useReducer用法，甚至還有搭配useContext，讓state可以不用再層層傳遞，但是目前為...
【Day 25】用實作學Redux Toolkit！完成一個購物車(上) - 基本設定＆基本用法
昨天已經先認識了Vuex和Redux這兩個狀態管理的工具了！今天則是會專注看怎麼把Redux使用到React上的部分。當我們想要在React上使用Redux時，...
【Day 26】用實作學Redux Toolkit！完成一個購物車(下) - Middleware之處理非同步的操作
昨天已經看了一些RTK的基本用法，今天一樣是使用RTK繼續完成我們的購物車。雖然昨天已經完成了大部分的功能，可以把商品加入到購物車了，但是我們的商品清單目前是暫...
【Day 27】 SPA與他的小夥伴 - 路由(Route)
我們前面已經從Vue看到React的一些hooks的用法，也透過實作來學習Redux這個用來管理全域狀態的Libray。一個網頁除了需要有能夠互動、操作的功能外...
【Day 28】 從vue-router學react-router(上) - 基本設定及一些常見用法
今天主要一樣會偏向於從使用的方式來了解React相關的路由使用方式，不過在這之前還是會先來認識提到React的路由就會看到的兩個名字，分別是react-rout...
【Day 29】 從vue-router學react-router(下) - 更多的常見用法
今天會延續昨天尚未看完的一些常見用法，繼續從vue-router學react-router。在正式開始之前，也稍微前情提要一下，昨天我們除了了解什麼是react...
【Day 30】從Vue學React！最終大回顧＆完賽感言
沒想到與React和Vue你看我我看你地過著的這段日子雖然過程難熬，但回頭看卻又發現時間過得居然如此的快，轉眼間已經到了鐵人賽的最後一天了！雖然已經到了最後一天...