React Shopping Cart in 2022 || Using Hooks and React Router

In this video, You will learn to create a shopping cart using ReactJs.

[@LuksFay]

Of all the videos I saw, this was the only one that helped me unlock the page I'm making. Thank you very much, very simple and well explained

[@martins203]

Awesome! Your tutorial helped me a lot, thank you :D Hope, you make more videos like this in the future

[@aaravgavshinde1296]

Such an amazing video. You are so underrated bro. Keep growing :)

[@maryamebadi94]

it was really good,i learned alot from your video,thanks alot.💐

[@fangamer6666]

thanks bro you helped a lot geneunally i cant explain how much time it took to create add to cart problem i was trying to do from 5 days finally it happened.

[@De_Bryan]

Nice job. I am still new to the trade. Would be nice if you made a tutorial of the same with context api. Thumbs up!

[@rldotaplays6565]

I would like to learn the one where you collect the product data from an API as well. There's not much tutorial about it. Most of it is just like this.

[@reactjswithsid6779]

thanks for this video and keep uploading such type of videos and try to upload a its backend using NODE js

[@girishpandey9976]

Thanks for your valuable project for us to make us more expert

[@contentking55]

You are welcome. Please help us to grow by subscribing our channel. 😊

[@javicrowley]

MASTER !!! thank u !!!

[@shashwattulsyan8522]

can you please make a separate tutorial for how to store fields and files in mongdb(MERN).

[@krazykalai5057]

sir ur way of teaching is understable. please make more video about reacjs projects.

[@mariaclarasimoes_]

Greetings from Brazil! Amazing video :)

[@sanabila_0970]

love it!

[@saharabanu2699]

It's really helpful.

[@user-li4tj6zr6o]

very good effort to the point

[@SarathAppu-rd3xm]

great one bro👍

[@jamesr2408]

@ 14:26 *Switch* has been replaced with Routes and Route syntax changed to: . Also passing the data from App to Routes to Products Component seems like a merry-go-round, when it can be pass directly in the Products component.

[@mehdihasan2827]

Buddy where is SignUp page??? Are you going to make a separate video??? Or you are not making it???? This video has helped me tremendously, hope to see more videos related to react js. Thank you. All the best for your upcoming videos.

[@contentking55]

I've already made a video on signup form validation. You can check the video on kzbin.info/www/bejne/jae1qJx7bq6efMk

[@giorgikiladze1151]

thank you was helpful

[@saudbaig2633]

Can I use this add to cart feature to mern stack web development?

[@NicolasCruzCarpio]

Ahora Switch se usa como 'Routes' y products se usa asi:

[@BGMAnirudh..]

Ty bro

[@celticspyd5887]

sir i want to know If a customer clicks on order btn to order and the order list should received at the admins page/panel without any database or backend possible?? if yes how sir?

[@jitendrakumarpatel2956]

Can someone please tell me whether context api is used in this video or other method ?

[@reactjswithsid6779]

plz make a video for user Registration and sign in process in react js

[@kunal9948]

I have problem my images are not displaying on the screen The names are displayed

[@jacobzak7494]

Cart clears when you reload the webpage. Why and how to prevent this?

[@HeadbangingChannel]

Is there any source code to study this better

[@scarlatybonfim1461]

Thank you very much!!!!!!!!!!!!!!!!!!!! you are very necessary

[@nzilaikouaramartsiamonange9707]

Merci infiniment 🙏🙏🙏

[@tubeyou9007]

Are you using redux in it?

[@saurav2409]

hey guys correct me if m wrong, can we make a separate file for contextapi at 14:11 ,coz hhere i can a lot of prop drilling happenning

[@daniele19888]

really great video, just to avoid any kind of problems I would add the code for this project, by the way thanks a lot

[@Adityasingh-cb5xt]

I made a link and it's showing in URL. But it's not going to that page... But after typing in URL it's working. Can u help me out??

[@amandevs]

Thank you 👍

[@glitchy_midnight245]

hi , Can I ask u a question plz

[@bali208]

Sir, thank you. Worked on your entire project. Getting output as expected. But having problem in displaying number of items in the cart icon. It is constantly showing as 9, even if I restart the application, it’s crazy. Cart items are fine. Working as expected. But only on the header icon it is constantly seen as 9. How to solve it?

[@width19]

cart items is working fine? mine isnt, did you change anything in the handleAddProduct function?

[@bali208]

@@width19 now it's working. Had done a silly mistake.

[@joelmathew903]

@@width19 yeah I’m having the same issue, as soon as I tried to implement the handleAddProduct my, cart page would go blank. Not sure what is wrong

[@riyatomar3613]

​@@width19is ur error resolved??

[@YashKumar-lq1ed]

Sir source code milega kya

[@01_lethanhan89]

Error: cartItems is not a function. Help me

[@user-bv5io4pn3o]

setCartItems(...) is not a function I am getting this error in cart.js can anyone please solve my error

[@gomathim9306]

Ji..is switch working..? Switch is renamed as Routes...Help me out,Ji?

[@chemiyaki]

import { BrowserRouter, Routes, Route} from 'react-router-dom'; //this one can change to Router if you import BrowserRouter as Router

[@gayatripatil1524]

Sir mere product shoe nahi ho rahe he browser me

[@cryptodev2615]

I'd recommend in the future to just use a fake store api, instead of creating a hard coded backend and writing all that json for productsn

[@arslanrana2468]

Quantity??? Where it come from

[@carbogaming6526]

Sir pls give me the code

[@worldclasscode1847]

Great video! Where is the source code?

[@venkatkosuri5224]

Hi brother Can you please send me this source code link

[@pranushanaika5258]

Products items are not showing me

[@kalaiselvam5032]

Error in ./src/components/front/Header/Header.js 5:0-40 Module not found: Error: can't resolve 'react-router-dom' in 'E: eact project\myfirstproject\src\components\front\Header problem bro

[@arpitabanik6240]

Please provide me the source code repo link!! I need it badly!

[@sanyamjain4777]

Hey make the same app with redux toolkit 🙏🙏

[@kalpanas4218]

This video is more helpful to me. Please make a video about search product, login and register in reactjs.. Thank you so much for this helpful video😇

[@t.harshavardhini]

U have implemented code once

[@t.harshavardhini]

Its working write now

[@bathalasaikumar1675]

If i write code and excute i didn't get output

[@saudbaig2633]

It is working bro

[@C_devops]

can any one send the source code this plz i was getting error while doing this!

[@kaushikjadav5824]

Source Code Link ?

[@muhammadrahman376]

bro! Please attach the source code to the videos

[@safikarimi9623]

Hi Sir Can you please send me this source code link

[@streetmotivation]

sir please give we teaching react js

[@duongtruongcong5184]

do you have source code? Please

[@PavanKumar-by8dc]

For me it's showing Switch is not found in react-router-dom , and also in react-router ??

[@jacobzak7494]

Yeah you should downgrade react-router-dom to version 5.2. npm install react-router-dom@5.2, but still it doesn't add items to cart

[@PavanKumar-by8dc]

@@jacobzak7494 yaa but in version 6 I'm using Browser router

[@jacobzak7494]

@@PavanKumar-by8dc So you need to make massive changes and it's very hard to accomplish because of the differencies between react versions

[@width19]

@@jacobzak7494 yes, mine doesnt add items to cart after downgrading. Is that the issue? How were you able to add to cart?

[@skimran8646]

bro can you plz give me full code

[@kalaiselvam5032]

Bro I have problem

[@kajalkumaribiswal8622]

plz give the source code,,,,

[@ramanagarnepelli2280]

byeee

[@ilyasjabir3121]

can you share the whole code please

[@sikkijackson715]

I've never seen a tutorial where somebody speaks so less and i understand so much 🤫🤫🤫

[@Adityasingh-cb5xt]

I made a link and it's showing in URL But it's not going to that page... But after typing in URL it's working

[@Adityasingh-cb5xt]

Can u help me out?

[@sikkijackson715]

@@Adityasingh-cb5xt what do you mean with i made a link?

[@manavpatel7976]

Can you please provide git repository

[@carbogaming6526]

Bro...did you get the github link for this project???

[@franciscokataldo3707]

El ctm seco, gracias

[@benchmarks1016]

30:05

[@ajeeshsaju9566]

Product not adding to Cart plz help., someone who solve this issue

[@ayushjain8016]

have you find the solution?

[@ayushjain8016]

have you find the solution?

[@jacobzak7494]

@@ayushjain8016 I found! It's the fokin react version! u need to type npm install react@17.0.2 and also type npm install react-router-dom@5.2 and to type npm install react-dom 17.0.2 Also write this in to your index.js file instead of what written there: import { StrictMode } from 'react'; import { render } from 'react-dom'; import App from './App'; const rootElement = document.getElementById('root'); render( , rootElement ); This is render version for react 17 (the older one)

[@riyatomar3613]

​@@jacobzak7494can you please tell the changes we can made in the recent version for adding items to cart as it is not working

[@sadashivmahadev]

Very nice disgn plz send me source code

[@TheHasni69]

Great job. Please gve us the source code to learn better. Thank's

[@anonymousgladiator5541]

yea could you share it please?

[@kerembabaoglu1265]

ı need the source code

[@kerembabaoglu1265]

where is the source code

[@shubhamaher5718]

code link

[@priyatam17]

Kisi ke pass source code hai kya is project ka plz

[@carbogaming6526]

Bhai source code mila kya ?....mujhe bhi dede mila toh

[@saudbaig2633]

Mere pass hai

[@shahidlandge9876]

@@saudbaig2633 Bhai source code share karo na

[@saudbaig2633]

@@shahidlandge9876 bhai GitHub kal Mai upload karunga aur aapse share karunga ok

[@saudbaig2633]

@@shahidlandge9876 give me your Instagram I'd or anything were i can give u the source code

[@erdenetugs2958]

i need github source code

[@abraralrawi7021]

why this code not work this me ...???

[@user-hk2th4kv1g]

It's not working for me either

[@ayushjain8016]

have you got the solution?

[@sureshankem6689]

For me also not working in Cart.js map function....

[@rldotaplays6565]

bruh, lol. Too much coding you can't even properly write a sentence 😅

[@nchoreanthony4294]

source code

[@adityarai8111]

total price showing NaN

[@lewinskie]

specify that price is a number..not a string

[@quask]

@@lewinskie Thanks it was my API that had the price as a string

[@arjunthakur3380]

I have the source code

[@arpitabanik6240]

Can you provide me the source code??please!

[@ishqbasha]

Arjun share me scource code kindly

[@karanpanchal9744]

@Mohammed Ishaque You got the source Code??

[@jitendrakumarpatel2956]

Can someone please tell me whether context api is used in this video or other method ?

[@arjunthakur3380]

Will post gdrive link soon