React Tutorial - Part 13 - Shopping Cart By React & Redux | Add Redux To Cart

Build Shopping Cart By React & Redux For All Levels Developers

00:00 Introduction
00:02:05 Part 01- What You Will Make
00:07:50 Part 02- Install Tools (VS Code, Chrome)
00:18:38 Part 03- Create React App (React)
00:30:35 Part 04- Project Workflow (Planning)
00:42:55 Part 05- Product List Component (Render Arrays)
01:07:02 Part 06- Filter Bar Component (Lifting State Up)
01:25:27 Part 07- Cart Component (State Management)
01:51:17 Part 08- Checkout Form (Handle Forms)
02:11:20 Part 09- Add Animations and Modals (React-Reveal)
02:32:12 Part 10- Backend API (Node & MongoDB)
02:58:10 Part 11- Add Redux To Product List (Redux)
03:23:54 Part 12- Add Redux To Filter Bar (Redux)
03:48:09 Part 13- Redux To Cart (Redux)
04:09:41 Part 14- Create Order (Fetch API)

Next Parts On Udemy Including:
- Admin Order
- Deploy On Heroku
- Use Cloud MongoDB Atlas
- And much more features

🔥Get Complete Course for $12.99 (reg price $99) - LIMITED TIME:

YOU WILL LEARN By React & Redux Tutorial - Build Shopping Cart By React & Redux:
1. HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
2. React: Components, Props, Events, Hooks, Router, Axios
3. Redux: Store, Reducers, Actions
4. Node & Express: Web API, Body Parser, File Upload, JWT
5. MongoDB: Mongoose, Aggregation
6. Development: ESLint, Babel, Git, Github,
7. Deployment: Heroku

🔥Get Complete Course for $12.99 (reg price $99) - LIMITED TIME:

#React #Redux #Tutorial #Shopping_Cart
---
Follow me on:

[trongnhanle]

Have you known about sanity.io ?. I'm find out the developer use sanity.io to create cms and they display the product by react js. I thinks that very simple.

[trongnhanle]

Hello teacher. In the last step, when i use the simple solution which mean pass the cartItems param to function addToCart in Product.js, i meet an error: "Cannot read property 'length' of undefined" in Cart.js because i don't have any items to add to Cart. How can i fix it ?

[mariobarbetta]

I'm also getting "TypeError: getState is not a function" on line 23 of cartActions.js. I have been over the whole lesson twice and I've compared my code to your GitHub repository and I can't figure out what's wrong.

[sianm]

Hi Bashir, great course! I have noticed that if I have many of the same product in the cart and click remove, it removes them all. Is there a way to only reduce the total number in of that product in the cart by -1 instead?

[sandercastillo]

Hi Sir Basir, thanks for the tutorial nearly finish this one but I got error it shows getState is not a function by the way I sent you the screenshot to discord website, thanks

[mosesnova]

Thank you Basir great course. To get redux tooling to work i had to set
const composeEnhancer = (typeof window !== 'undefined' && || compose;
All in all great job.

[KriszX]

"getState() is not a function" in "removeFromCart" while its working in "addToCart"... no idea. Better learn redux before following this playlist :/