React and Redux Toolkit Full Course (free) 🔥 - Complete Shopping Cart Project

✨ Join My Discord Server

In this course, I will show you how you can manage your application state using the Redux toolkit. Redux toolkit is now considered as the standard way of working with Redux. We will use the project-based approach in which we will create a complete shopping cart using React and Redux toolkit.

Donate 🤑
- Your support will help me to upgrade my setup for better quality content and more videos per month.

Sections:
00:00 - Intro
01:05 - App Demo
11:28 - react-router-dom
29:19 - Style NavBar
45:32 - NotFound Component
01:07:52 - Array of Products
01:17:29 - Creating a Redux Store in Redux Toolkit
01:31:49 - createAsyncThunk
01:52:55 - RTK Query
02:08:08 - Display Products
02:17:13 - Style Products
02:29:19 - Add Product to Cart
02:47:36 - React Toastify and local storage
03:03:19 - Display Cart Items
03:25:55 - Style the Shopping Cart
03:59:43 - Remove Item from Cart
04:10:07 - Decrease Cart Quantity
04:23:02 - Clear Cart
04:28:17 - Calculate the Subtotal

SUPPORT MY CHANNEL

GET IN TOUCH:

Disclaimer: This video is not sponsored

#react #reduxtoolkit #shoppingcart

[xcrxwadda]

React router V6 update
<Router>
<Routes>
<Route path=" / " element={<Home/>} />
<Routes/>
<Router/>

Switch => Routes
Component => Element={ < Home/>}

[dbammy]

Good video.. and excellent explanation... Please I have an issue creating a single product preview page with the use of fetchbasequery. How can we solve this

[theodoreivanov]

This is what we see on professional online business sites. Really helpful for the understanding of Redux and how it dovetails with React. Thank you.

[IswearIwasBatman]

Charles out here with another banger! Thanks so much dude!

[codewithsaj]

thank you so much. this is what I was looking for the whole day. I can't thank you enough

[benedictngayo]

channel safi sana, the projects are cool

[sina]

amazing tutorial ! please keep on making real-world and useful projects like this one.

[pariweshtamrakar]

Great video!! A very easy to follow tutorial. Keep it up brother.

[tarik]

Thank you very much, your code is so clean and up to date. and easy to follow with your explanation. please keep up with the good work :)

[MdSalauddin-qbut]

Thanj you very much for this amazing tutorial. For this tutorial now I can able to make some project with redux. Thank you again.

[TheTechpire]

This whole other dump YouTubers be doing the redux increment shit. Bro came up with a whole e-commerce complete tutorial. Your the real MVP bruh, you deserve a million subscribers. I just subscribed anyway ❤️

[ritikraj]

Chaoo thanks for this course it help me a lot
One thing I want to ask you that how I host this site with backend and frontend both please reply

[ZahidHussain-hjdk]

It was really helpful....thank u very much ...
Bring some more powerful react projects as ur explanation is 👍 great

[AndranikToplaghatsyan]

Its very good, , .
. but help me please, , my nodemon commond not working

[toluwaseomojiba]

Real awesome video here, I'm new to redux and this video gave me a very good understanding, however I want to ask a question, If I want to deploy the project on github pages for example, how do I get the backend to work, since the server needs to be running for the rtk query to successfully fetch the products?

[prasannapatla]

Thank you so much sir🙌🙌🔥 Great job 🎉.Great explanation🔥🔥

[WillSmith-qtme]

Thanks, Chaoo Charles, very useful tutorial.

[nandukishore]

Hey Charles, I came across some stack overflow solutions on adding state to Localstorage. They are suggesting not to use Localstorage inside a reducer, as it might cause side effects. What are your thoughts on it. Can you provide more insight on this.

[kwasiezor]

Nice tutorial... Good job... Keep it up👍

[axfun]

Uncaught TypeError: to is undefined. How can I solve it?