技術 Redux 深入淺出 - [ Day 25 ] Redux Toolkit Query 簡介

什麼是 Redux Toolkit Query? Redux Toolkit Query 官方簡稱 RTK Query RTK Query 是一種進階數據獲取和...

技術 Redux 深入淺出 - [ Day 30 ] React RTK Query Typescript todo list - 新增功能 & 結語

今天是最後一篇了，我們接著完成我們最後的新增功能吧！ 其實新增功能與先前的部分沒有差太多，一樣我們先回到 todoApi 去處理新增的功能，如下： // sr...

技術 Redux 深入淺出 - [ Day 29 ] React RTK Query Typescript todo list (更新 & 刪除)

前一篇我們完成了基本的 getAll request，並於畫面簡單呈現表單內容，那麼今天我們就接續完成他應該有的修改與刪除能吧！ 讓我們先回到 todoApi...

技術 Redux 深入淺出 - [ Day 26 ] React RTK Typescript 基本應用

接續前一篇的進度，我們已經設置好 store 了，接著我們來試做一個簡單的 counter 講解一下在 Typescript 的環境下如何處理我們的 slice...

技術 Redux 深入淺出 - [ Day 27 ] React RTK Typescript ExtraReducer

前一篇我們完成了一個基本的 counter slice 和簡單的 reducer，今天我們試做 extraReducer 的部分，一樣我們簡單設定一個計分的 s...

技術 Redux 深入淺出 - [ Day 28 ] React RTK Query Typescript 實作

前一篇我們大致上了解了 API server 的運作與 todo 的格式，今天讓我們回歸主線，來使用 RTK query 整理我們的剛才的 todo APIs，...

技術 Day 12 - 掌握 Server State：為何你需要 Server State 管理與 React Query 的簡介

使用 useEffect 和 useState fetch 資料的問題 在 React 開發中，我們經常會從伺服器端取得資料，通常會使用 useEffect 搭...