React Redux Toolkit Tutorial for Beginners | Learn Modern Redux

Learn modern Redux with this React Redux Toolkit tutorial for beginners. Redux Toolkit is the recommended way to implement Redux global state management in React apps. Learn about Redux stores, slices, reducers, and actions in this step-by-step tutorial.

⭐ Become a full-stack web dev with Zero To Mastery Courses:

React Redux Toolkit Tutorial for Beginners | Learn Modern Redux

(00:00) Intro
(00:29) Welcome
(00:42) Prerequisite knowledge
(01:11) Redux vs Redux Toolkit
(01:42) Project setup
(02:24) Install Redux Toolkit
(02:51) Creating a Redux store
(04:07) Providing the global store state to the app
(05:05) Creating a Redux slice
(08:48) Adding a slice reducer to the Redux store
(09:39) Dispatching actions in a component
(13:29) Checking app functionality
(13:59) Creating more slice actions
(15:32) Applying the new actions in the component
(19:44) Checking the new functionality

🔗 ES7 React JS Snippets Extension for VS Code:

🔗 React Dev Tools Extension for Chrome:

📚 General React References:

✅ Follow Me:

Was this tutorial about learning how to implement Redux Toolkit with React helpful? If so, please share. Let me know your thoughts in the comments.

#react #redux #toolkit

[mohammaddaudibrahim]

A mental model that has helped me understand the flow
1. State -> Object
2. Actions -> Events
3. Reducers -> Event Listeners
4. Dispatch -> Event Triggers

[NamNguyen-ozuj]

I learned from udemy and from many coding channels on youtube, BUT you are one of the very best teachers, your teaching style is so simple and easy to understand. Thank you very much Dave, look forward to all of your new videos 🎉🙏✨

[mohamedyoussef]

I agree with Nam Nguyen's comment... "I learned from udemy and from many coding channels on youtube, BUT you are one of the very best teachers, your teaching style is so simple and easy to understand."

[southernsunreviews]

This demo is the first one in what feels like 100 youtube videos that work. Thank you so much!

[anamatei]

Dave, I have now started to watch only your videos... Please don't ever stop sharing your knowledge with us. I love your teaching style, I learn so much from you. Thank you ! :)

[FloraSora]

Just two notes for you.
1) I LOVE how you specify what shortcuts you're using! We're beginners, we don't know your shortcuts! Thanks for being one of the first and few who actually spell out their hotkeys in tutorials like these.
2) Great tutorial, I feel my brain expanding. Great note on progress rather than perfection. That's the ticket. That's the energy we need for the new year, 2023.

[cmefindaname]

Your teaching style is amazing! Thank you for the intro to Redux Toolkit!

[Proxamm]

Dave, you have quickly become my favorite YouTube channel to learn from. Your pace, tonality, and very well structured lesson context is beyond amazing. I've learned so much from you and have digested your content very easily. Thank you for all you do!

[criztiandev]

Hi, dave it's been a month since. I remember your Js course and it helps me a lot in my web development journey. I also finished your react course and not. I want to finish this redux course for you. I have recommended my friends to watch your tutorial because you teach so simple, direct, and easy, especially to beginners. Mabuhay ka Dave <3. God bless you. I know that you are not enough but someday I will repay you for these free courses

[TannerBarcelos]

Use it at work, learned a while back + learned some RTK recently. Used it on a project of my own actually. But, it still somewhat slips over my head here and there. Going through these videos has been the nail in the coffin for understanding it all. You wonderfully explained it. Your style resonated with me - straight to the point, technical, and not completely easy.

[CuteFunnyVideos]

I just dont know why I am seeing this right now. I have wasted a lot of time trying to understand redux toolkit from other tutorials but I got more confused.
But everything makes sense to me now.

U are a gem of a teacher. Thank you for all you do.
After watching ur node js course, I fell in luv with ur teaching style.
Thank u Sir❤

[donaldballowe]

ok. I just looked at your github repo for the useReducer example. I have to say I have struggled with redux and useReducer, and just like that as soon as I see your repo, I can actually see what is happening. I have looked at soooo many different tutorials and I swear they just confuse me more. You are an amazing teacher, thank you Dave!!

[codingispower]

Great intro. Can't wait to do your next redux tk vid!

[jaymartinez]

I’ve watched 12 minutes of the video and I’m already understanding. I got scared of redux for years. Went to vuejs and got a job but after all these layoffs (including myself) I had to comeback to react 😂 there are to many jobs right now in react for DOD especially surprisingly (Army Vet) that it’s my way back in the game. 💪🏾 I want to thank Dave for providing this for free! The job market sucks for Jr’s like me (i’m 40. discovered tech late) so I appreciate the content! I’m gonna go through your series and hopefully I get back on track!

[syednoohu]

Those who wonder what createSlice will return ?, which will return an object that looks like:

{
name : string,
reducer : ReducerFunction,
actions : Record<string, ActionCreator>,
caseReducers: Record<string, CaseReducer>.
getInitialState: () => State
}

[regilearn]

Wow, are you reading mind, just searching for thunk middleware, video uploaded, Thanks Dave, how many video yet to come on this topic

[hamzahahmad]

It's awesome how the tutorial was thorough yet concise. Great stuff

[deoxzyKun]

by far the best video on understanding redux rn! amazing work brother

[johnacsyen]

'Strive for progress over perfection', I really like this quote. This video explains concisely about Redux toolkit. Used to dislike Redux

[alirezahekmati]

thank you! your content is GOLD! waiting for next js tutorial. 💥🔥