Integrate Redux Toolkit with Next.js - Example with TypeScript

Final Code:

Next.13 Complete Overview in Depth:

⚙️ Gadgets I use for Recording:

💻 Laptop - Macbook PRO M1 - 16/512

🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone

🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black

⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard

🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)

We will use TypeScript in this example that will clear most of your confusion as well.

If you got something from this video, make sure to LIKE, SUBSCRIBE & SHARE.

[joaojbs]

Thanks for the video.
I had stopped trying to understand the day before posting it... today I decided to try again and found your video!

[O_Antonov_UA]

Thank you SO MUCH for the informative video with explanations. Good luck and greetings from Ukraine!

[ahmedmusawir]

why are you using Thunk when you have RTK query!!!

[rayonhunte]

This was very helpful to me, and I very much appreciate it.

[sanderluis]

51651 files and functions just to change a state, pinia on vue/nuxt is much simpler

[storyPlus]

How to store data to localstorage in redux and next js?

[JavascriptForEverything]

How to dispatch in Server Component and send the store value to client Component ?

[xuzypnq]

how can we use redux or zustand with rsc component in approuter

[azamatkhabibullaev]

how see data in redux devtools it doesn't show

[amrindersingh]

Hi abbas, isn’t everything will become client component if we use redux with next.js !!

[azamatkhabibullaev]

please if you know make a short viddeo how to do it

[donaldkagunila]

this approach is great, but every time you leave the page and get back to it, the users are fetched and incremented... the useRef workaround wont work as on component load it is always false

[middle-classgirl]

when page reload I got this Error
SyntaxError: Cannot use import statement outside a module

[gheors]

do you have a second part of this video about redux persist with app directory?

[easy-peasy-tutorials]

cool but what if we want the data to be persisted for the counts.

even if i refresh page, the data should be there and should be avaiable in html itself while doing SSR. not populating visa useEffect()

[afshanrather]

Do you have any other video where you have perform remaining crud functionality?

[nourrahim]

Hi, what about fetching external data

[damiantriebl]

redux toolkit can't use in server component?

[mahalingappabirajdar]

It was excellent how you explained it, that's really great

[girishchaudhari]

But how can we use server side redux in nextjs 13? Can you give us any example.