React Redux Example Project with Redux Toolkit

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

React Redux Example Project with Redux Toolkit

(00:00) Intro
(00:15) Welcome
(00:28) Prerequisite knowledge
(00:45) Docs and Faster Pace
(01:13) Starter Code
(02:32) Create the posts slice
(03:45) Add postsReducer to the store
(04:30) PostsList component
(05:58) Create a posts selector
(08:34) postAdded reducer function
(09:46) Action creator functions are automatically generated
(11:14) AddPostForm component
(13:25) Saving a New Post
(17:08) Move state formatting to a prepare callback
(20:25) Redux Devtools
(22:20) Create a usersSlice
(23:36) Import the usersReducer into the store
(24:02) Modify the prepare callback in postsSlice
(24:30) Modify the AddPostForm component
(28:57) PostAuthor component
(30:28) Import PostAuthor into PostsList
(32:25) Install date-fns dependency
(33:10) Handling date data in postsSlice
(34:55) TimeAgo component
(36:18) Import TimeAgo into PostsList
(37:29) Display most recent post first
(39:02) Adding reaction data to the postsSlice
(41:30) ReactionButtons component
(43:39) Import ReactionButtons into PostsList

📚 General Redux Toolkit References:

🔗 ES7 React JS Snippets Extension for VS Code:

🔗 React Dev Tools Extension for Chrome:

📚 General React References:

✅ Follow Me:

Was this tutorial about building an example project with Redux Toolkit and React helpful? If so, please share. Let me know your thoughts in the comments.

#react #redux #example

[RichKempinski]

Trust me, this is so so much better than any of the other tutorials on redux toolkit that I found here on YT, Good job Dave!

[josephcudjoe]

I had watched numerous tutorials, but my comprehension of Redux remained elusive until I encountered this specific tutorial during my research. I am pleased to affirm that I am now proficient in utilizing Redux independently, thanks to the insights gained from this tutorial.

[mikef.]

Jesus. I remember watching your videos a few months ago (when starting to learn React) and having most of what you did go over my head (I knew it was some cool stuff going on, it was just a bit advanced for me at the time, so I "saved" your channel for later lol). Now that I'm comfortable with React, I find your code to be so elegant. Everything is sooo simple and easy to follow/understand, yet powerful, efficient, and reusable (from my perspective). Thank you for putting these out Dave. I'm excited to continue to learn from you. ✊✊

[simple]

have watched many videos and have read many blog for understanding redux but I found you the best, one thing I really want to ask, your coding logics and performing functions are just wow, how some one can be this much good to write such coding patterns ?, like you are just complete different and perfect , and Thanks a lot for your effort🥰

[akhribabderahmane]

one of the best videos on redux if not the best ... i recommand watching a full course of redux than redux toolkit than react-redux and get here to apply what u learned ... 100% u will have 100% clear vision about redux

[mohamadybr]

Hi Dave, Thanks for the amazing work and easy steps to follow. I have a request, could you please create a separate react hooks playlist? It would be much easier than scrolling down the react tutorials playlist to find the react hooks videos. Thanks a lot for all your work.

[iwilliamsi]

Awesome content about Redux, Dave! It's incredible that you can deliver such information in 40 minutes and as a novice in Redux, I'm able to understand it very well! Thank you again!

[luchonieves]

Bro, the first redux toolkit video was really good, but this one is a perfect example! Thanks man, it's amazing

[imigi]

"remember to keep striving for progress over perfection, adna little progress everyday will go a very long way " I remember 3 months ago when I tried to learn from this tutorial. Then I do not even know useReducer / useContext hooks so I failed to do it. Todays is the day, where after 3 months I develop my own website and needed to implment redux to it.
This tutorial is well explained, and I see that then I was just too earlie in that place. Most of my knowledge I took from yours tutorials Dave.
Thank you <3

[Leesdjo]

Thank you Dave for this amazing tutorial. I just can't imagine how much time and effort you put into making this video available for free. Massive thanks from me.

[gamerp]

Please who are the people to dislike videos from this Man ? You people disliking incredible work like that hould stop !

[konnichiwa]

As someone who's been here from day one, I’m really happy to see how rapidly this channel is growing. Congratulations!

[johnconnor]

13:55 Learned something new. Did not know about nanoid :) Great tutorials

[abdelrahman]

My, my, isn't that the best redux tutorial series?! Perfect tutorial, thanks for your efforts!

[facundoretamar]

I love you man, I've been strugling with the passing of objects to the initialState but you make it seem so simple. thanks a lot

[irhamsahbana]

Dave, I love what you done . By clearly and deliberately describing it, it really helped me grasp!

[cagatay]

this is a very helpful tutorial since i learnt legacy redux and i had some issues with undefined payload in the state. it was time for me to transfer to redux toolkit. so far, your steps are very clear.

[southernsunreviews]

Yes Thanks, fast pace is good, we'll slow the video down, if it's too fast. :)

[waleedtahir]

The only channel i found on youtube which tells how to manage all the logic and separate all features of a React App like old redux in new redux toolkit love u man 💖💖

[johnconnor]

17:49 prepare & reducer
21:30 Redux devtools