06 - Fetching data from an API using thunks [createAsyncThunk] - redux toolkit

Buy me a coffee if this is useful ?
https://www.buymeacoffee.com/rowadz

repo:
https://github.com/Rowadz/react-redux-toolkit-yt

Generate an API:
https://pollux.dev/


playlist:

redux toolkit:
https://youtube.com/playlist?list=PLM0LBHjz37LXSASzEv81f3tGptAsEGQUM

in-depth createAsyncThunk
https://youtube.com/playlist?list=PLM0LBHjz37LW_Wz3DPoT5-bm1btrBD1bu

DOCS

the API I used:
https://jsonplaceholder.typicode.com/

createAsyncThunk:
https://redux-toolkit.js.org/api/createAsyncThunk

createSlice:
https://redux-toolkit.js.org/api/createSlice

usedispatch:
https://react-redux.js.org/api/hook #usedispatch

useselector:
https://react-redux.js.org/api/hook #useselector


redux-toolkit:
https://redux-toolkit.js.org/

immerjs:
https://immerjs.github.io/immer/docs/introduction

Proxy API:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy

00:00 Introduction
00:17 Showing you the current app we have
00:38 The API we will use
01:10 Creating a Posts slice and a component
01:57 The thunk reducers (extraReduces)
02:20 Creating a thunk using createAsyncThunk
03:35 The dispatched actions from the thinks
03:35 Handling the pending action
04:28 Handling the fulfilled action
05:05 Handling the rejected action
05:28 export our slice, a recap of what we did, and add our reducer to the store
06:50 How we can dispatch our thinks
09:45 Why we should use useEffect here to dispatch our thunk
11:14 Seeing the thunk actions in the redux dev tool
11:55 Passing data to thunks
12:30 How to dispatch other actions in a thunk
13:23 How to access the store state in any thunk
14:04 Logging part of the state and using the passed data to the thunk
15:42 Done