@ 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.
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.
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?
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.
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
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.
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?
@@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)
![React Shopping Cart For Absolute Beginners [2022]](http://i.ytimg.com/vi/AmIdY1Eb8tY/mqdefault.jpg)
![THE TOYS x NONT TANONT - ดอกไม้ที่รอฝน (spring) [Official MV]](http://i.ytimg.com/vi/pPa1d5cC8M4/mqdefault.jpg)
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
@ 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.
Same issue I faced two hours 😂
Awesome! Your tutorial helped me a lot, thank you :D Hope, you make more videos like this in the future
Such an amazing video. You are so underrated bro. Keep growing :)
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.
it was really good,i learned alot from your video,thanks alot.💐
Greetings from Brazil! Amazing video :)
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?
Can I use this add to cart feature to mern stack web development?
Cart clears when you reload the webpage. Why and how to prevent this?
can you please make a separate tutorial for how to store fields and files in mongdb(MERN).
Can someone please tell me whether context api is used in this video or other method ?
thanks for this video and keep uploading such type of videos and try to upload a its backend using NODE js
sir ur way of teaching is understable. please make more video about reacjs projects.
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
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!
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.
Are you using redux in it?
Thanks for your valuable project for us to make us more expert
You are welcome. Please help us to grow by subscribing our channel. 😊
great one bro👍
very good effort to the point
Is there any source code to study this better
It's really helpful.
setCartItems(...) is not a function I am getting this error in cart.js can anyone please solve my error
love it!
MASTER !!! thank u !!!
Error: cartItems is not a function.
Help me
I have problem my images are not displaying on the screen
The names are displayed
plz make a video for user Registration and sign in process in react js
hi , Can I ask u a question plz
Ahora Switch se usa como 'Routes' y products se usa asi:
Ty bro
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
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.
I've already made a video on signup form validation. You can check the video on th-cam.com/video/WvRwiE9IkFg/w-d-xo.html
can any one send the source code this plz i was getting error while doing this!
Quantity??? Where it come from
Sir mere product shoe nahi ho rahe he browser me
Thank you very much!!!!!!!!!!!!!!!!!!!! you are very necessary
Products items are not showing me
Sir source code milega kya
Please provide me the source code repo link!! I need it badly!
thank you was helpful
Hi brother
Can you please send me this source code link
Great video! Where is the source code?
Ji..is switch working..?
Switch is renamed as Routes...Help me out,Ji?
import { BrowserRouter, Routes, Route} from 'react-router-dom';
//this one can change to Router if you import BrowserRouter as Router
Sir pls give me the code
really great video, just to avoid any kind of problems I would add the code for this project, by the way thanks a lot
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??
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?
cart items is working fine? mine isnt, did you change anything in the handleAddProduct function?
@@width19 now it's working. Had done a silly mistake.
@@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
@@width19is ur error resolved??
Thank you 👍
bro can you plz give me full code
Hey make the same app with redux toolkit 🙏🙏
Hi Sir
Can you please send me this source code link
bro! Please attach the source code to the videos
sir please give we teaching react js
Bro I have problem
Merci infiniment 🙏🙏🙏
can you share the whole code please
plz give the source code,,,,
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
Source Code Link ?
For me it's showing Switch is not found in react-router-dom , and also in react-router ??
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
@@jacobzak7494 yaa but in version 6 I'm using Browser router
@@PavanKumar-by8dc So you need to make massive changes and it's very hard to accomplish because of the differencies between react versions
@@jacobzak7494 yes, mine doesnt add items to cart after downgrading. Is that the issue? How were you able to add to cart?
where is the source code
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😇
U have implemented code once
Its working write now
If i write code and excute i didn't get output
It is working bro
I've never seen a tutorial where somebody speaks so less and i understand so much 🤫🤫🤫
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?
@@Adityasingh-cb5xt what do you mean with i made a link?
Very nice disgn plz send me source code
ı need the source code
Can you please provide git repository
Bro...did you get the github link for this project???
i need github source code
code link
byeee
use Switch Instead Of Routes
30:05
El ctm seco, gracias
Product not adding to Cart plz help., someone who solve this issue
have you find the solution?
have you find the solution?
@@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)
@@jacobzak7494can you please tell the changes we can made in the recent version for adding items to cart as it is not working
Great job. Please gve us the source code to learn better. Thank's
yea could you share it please?
source code
Kisi ke pass source code hai kya is project ka plz
Bhai source code mila kya ?....mujhe bhi dede mila toh
Mere pass hai
@@saudbaig2633 Bhai source code share karo na
@@shahidlandge9876 bhai GitHub kal Mai upload karunga aur aapse share karunga ok
@@shahidlandge9876 give me your Instagram I'd or anything were i can give u the source code
why this code not work this me ...???
It's not working for me either
have you got the solution?
For me also not working in Cart.js map function....
bruh, lol. Too much coding you can't even properly write a sentence 😅
total price showing NaN
specify that price is a number..not a string
@@lewinskie Thanks it was my API that had the price as a string
I have the source code
Can you provide me the source code??please!
Arjun share me scource code kindly
@Mohammed Ishaque You got the source Code??
Can someone please tell me whether context api is used in this video or other method ?
Will post gdrive link soon