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

Опубликовано: 30 Сентябрь 2024
на канале: Chaoo Charles

18,784

599

✨ Join My Discord Server
  / discord

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.
📍Donate with PayPal: https://www.paypal.com/cgi-bin/webscr...

Playlist:    • Complete Shopping Cart 🛒 | React and ...

Source code: https://chaoocharles.dev/source-codes...
Redux Toolkit Documentation: https://redux-toolkit.js.org/introduc...
MERN Stack Full Course (free) 🔥 :    • MERN Stack Full Course (free) 🔥

Sections:
00:00 - Intro
01:05 - App Demo
11:28 - react-router-dom
29:19 - Style NavBar
45:32 - NotFound Component
54:44 - Node.js API
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
📍SUBSCRIBE:    / @chaoocharles
📍Become a Channel Member:   / @chaoocharles

📍Join My Fun Channel:    / @chaaoo

GET IN TOUCH:
📍 Twitter:   / chaoocharles

Disclaimer: This video is not sponsored

#react #reduxtoolkit #shoppingcart