React js Shopping Cart for beginner | Easy Way to Add to cart reactjs | react js project beginner 🔥🔥

React js Shopping Cart for beginner | Easy Way to Add to cart reactjs | react js project beginner
_____________________________________________________
Buy me a coffee: www.buymeacoffee.com/codewithyd
React js frontend Project Tutorial Playlist :
• React js frontend Proj...
Telegram Channel Link :
t.me/Reactjs_Beginner_Project
Instagram Link :
/ codewithyd
Fb group :
/ 849818908701780
_____________________________________________________
This video is only education proposed
This video is not designed to harm anyone.
_____________________________________________________
_____________________________________________________
Track: Janji - Heroes Tonight (feat. Johnning) [NCS Release]
Music provided by NoCopyrightSounds.
Video: • Janji - Heroes Tonight...
Free Download / Stream: ncs.io/ht
______________________________________________________
Track: Unknown Brain - Why Do I? (ft. Bri Tolani) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Unknown Brain - Why Do... ​
Free Download / Stream: ncs.io/WhyDoIYO
______________________________________________________
______________________________________________________
Track: Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Dreams pt. ... ​
Free Download / Stream: ncs.io/Dreams2YO
______________________________________________________
#react #codewithyd

[@kaustavbasu8250]

"addItem is not a function" -that is a error when addItem added to a button please help me sir

[@codewithyd]

"additem is not a function solution" Import CartProvider from react use cart And warp in app component

[@vincentnierat2141]

@@codewithyd not working for me when i wrap App component

[@user-bz9md5sk2k]

you should put useCart attributes in curly bracets. const { addItem } = useCart();

[@codewithyd]

Using curly brackets solved your error ?

[@kaustavbasu8250]

@@codewithyd yes

[@soulking6982]

I looking for this for long time this is awesome brother. May God bless U

[@THEONE-qd5zw]

You are really great😢❤ I create the cart section( which is struggle for me since 3 days) just by seeing your video . Thank you so much❤

[@YogeshKumar-jz6cx]

this is the video I've been waiting for...thank you

[@codewithyd]

Thanks bro 👍👍👍

[@jamesr2408]

Except for the adding of images -- tricky -- works like without a hitch. Thanks. Now I need to integrate routes and Stripe Elements. Thank you for the help.

[@jamesr2408]

Routes and Stripe Elements integrated, working on post-payment Zip and auto-download to client.

[@NANAPATY]

Thanks a lot, this tutorial helped me with my project, very well done. Greetings from Colombia 😀

[@sourabhsdawari1810]

need logic to wrap all this in array and making object like orderItems so after placing order i can pass it to database and admin panel orderslist in my project... can you help?

[@okworjoshua8157]

Thank you so much for this My add to cart is now working

[@nishanthuthappa5890]

Thank you.. It helped me a lot in my project 🙏🏻

[@anonymousgladiator5541]

please share source code dude?

[@sobirovsam2331]

please

[@rorocyr6450]

At 17:33 , when i use that map array method in a similar way and i click on the "add to cart" button on any one of my product cards, it visually renders every product in my data set to the cart, even though the cart recognizes that i've only added one item. Some help with this asap would be greatly greatly appreciated!

[@KLLYFLE]

Encontro solución ?

[@alexanvonner1729]

thank you for your video bro react-use-cart is very fun and easy

[@mojojojogaming5685]

I complete your thousand likes 👍... Because you fix my bugs with your code... Thankyou

[@codewithyd]

Welcome to code with yd 🤗

[@ZiaCodes]

does it work with sanity _id? because it is giving me error that please provide an id. sanity has _id so I think that's why? any solutions?

[@buikhanhi2k]

I am from Vietnam. Thank you bro very much

[@nitibhardwaj5945]

The data fetch from API or create own data

[@wesleyalves127]

Amazing Bro thanks 🙏🏻

[@mohamedyossefhemdankhledy905]

bro please help me . i have erorr and i donot solve it (React Hook "useCart" is called in function "itemcard" that is neither a React function component)

[@rahulghoshal3044]

bro when i remove the ()= from on click my broswer removes all the content from it simply white screen plz give any alternative of add item

[@sairamya1544]

May I know where should I find the source code for this? Plz

[@saurabhgaur9270]

Bhai Esme vedio ka intjaar tha yr thank you sir

[@codewithyd]

Thanks for your support thanks 👍👍

[@phunobi888]

thank you ! You can full project

[@codewithyd]

Welcome bro

[@aniketgupta1577]

plz make sure while creating u should not use any idiotic musics coz we are using logic and thinking regarding project

[@Drapeo]

Thank you very much !

[@haleyhe1332]

Hello, I have followed your code exactly the same, but the cart component is endless counting and my browser gets crashed. May you have any solution to that? If not, that would be appreciated if anywhere can share your source code to let me cross-check! Thank you!

[@codewithyd]

I'm sorry but source is not available.

[@timeguru1916]

very nice video bro thanks for this video ❤️

[@codewithyd]

Thank you for your support 👍👍👍👌👌👌

[@mykesoftware3044]

Can be used with react native?

[@juliocesarminharotina2117]

how can I to include localstorage?

[@kishan-py3lv]

i am also facing "additem is not a function" error and i have tried every solution but error is still showing. plz help!

[@andr_hot]

Hello, I wanted to ask how to implement, so that, for example, an orange would receive a discount on the third addition

[@thetechdev109]

Use if statement. For example if the price of an orange is $2, 3 oranges will be $6. So the if statement will be like this: If(item.price ==6){ //Your discount code }

[@alexalex3055]

Thank you so much for this awesome tutorial but my Price tag is not showning...please give me solution

[@dungtien9599]

Thank you so much.

[@YogeshKumar-jz6cx]

sir please make a video on react redux 🙌🙌🙌

[@farjanaakter7089]

Error: You must provide an `id` for items - Can anyone help me with this error?

[@cakewalk7469]

Iam getting the error "You must pass a `price` for new items" how can i solve this error?

[@valentina-buoro]

Awesome tutorial!

[@codewithyd]

Thanks

[@abraralrawi7021]

TypeError: Cannot read properties of undefined (reading 'id') ,bro can u tell me the solution of this error when click add to cart ???

[@vaswna14]

Did you write in your data id ?

[@sundarp3959]

If we click the add to card the product is added to the another one page here added in same page so this is a major disadvantage

[@vinunikhare9334]

please implement stripe payment gateway in this Project

[@ankitathakur8739]

Thnq so much 🎉🎉

[@arpithagowda7512]

"addItem is not a function" -that is a error when addItem added to a button please help me sir

[@alfiyashaikh6054]

the Total Price is showing NaN for the Cart Total ?

[@raishumsingh8009]

How do ypu connect to a data bases sql to stor this informatin

[@tanjidmahamud4610]

can I get source code of this tutorial?

[@abcd4684]

Superb Bro ❤

[@vishnukarthikmadupuri37]

Thank you so much bro

[@codewithyd]

Thanks bro 👍

[@filipjovic6815]

where dose item.quantity comes from, when u dont use it first time?

[@rahulpandat1205]

Thanks a lot bot for this

[@codewithyd]

Thanks for your great support 👍👍

[@chanduninethmini980]

thank a lot.. very useful video

[@codewithyd]

Thanks for your support 👍

[@shahmali3529]

Thanks this project

[@codewithyd]

Welcome 🤗

[@sangeetham3859]

I want cart part in another page when click on add to cart. What should I do?

[@codewithyd]

You can use react router

[@rajutamang392]

very fast hard to catch and in spite of music little bit explanation would be greater

[@unknownguy2905]

Hi i just finished this video, but whats the point of using already written functions like add, remove item ? I mean we wont learn anything like that, might be wrong, idk

[@codewithyd]

I know everything but it makes our work easy that's why I am using this library

[@unknownguy2905]

@@codewithyd Wow thanks for a fast respond, didnt mean u will write anything, ive been looking for some cart related videos and out of all of them your is the best, even written like this on a simpler way, saw some written in typescript but havent seen them yet cuz i dont know typescript, any suggestions from you regarding my learning path etc? always glad to hear what pros have to say

[@codewithyd]

You have to keep working on different different projects to advance your studies and thank you for liking my video 🥰

[@unknownguy2905]

@@codewithyd Thank you too :)

[@kinu5946]

how can i separate into 2 sites?

[@user-hw6po4np9u]

Thank you very much, very useful video, very helps me with my project

[@codewithyd]

Welcome to CodeWithYd bro 🤗

[@Back-up-all]

very interesting

[@reshadrzayev5744]

It is very senseless that u must pass price title as only 'price' in your data or api. I have data with 'regular_price' title and react-use-cart returnes "You must pass a `price` for new items" error.

[@martinmtandi335]

facing the same issue, let me try that fix

[@user-wi5tx7gy7u]

How I find nexf video about Buy Now?

[@TechEtti]

Buttons are getting repeat in every card

[@user-mn2po8ns2z]

can i use the use cart with redux? Is it possible?

[@codewithyd]

Yes

[@barankurt4316]

How to cards filter dropdown or select box.?

[@codewithyd]

Check my react playlist filter video is also available.

[@sandeepkumar-rq2mk]

Item is not adding in the cart even I clicked on add to cart the cart is empty

[@tamilbtslove482]

Great 😃👍

[@codewithyd]

Thanks 🤗

[@nishanthuthappa5890]

Can I wrap Cardprovider inside index. Js?

[@the90sGamerofficial]

Can you please share the source code please??

[@quanghuynguyen8679]

i have a question: does this library support react class component ?

[@quanghuynguyen8679]

@@codewithyd hey bro, i try "const { addItem } = useCart();" but it not support. Can you help me ?

[@quanghuynguyen8679]

@@codewithyd i'm using class components

[@codewithyd]

Sorry supported only function components

[@quanghuynguyen8679]

@@codewithyd thanks bro, i have just found solution

[@codewithyd]

Thanks bro

[@ikramf6501]

Thank you

[@codewithyd]

Welcome to code with yd ☺️

[@keoptagaming7495]

Can I know your VS Code Theme?

[@rabi11007]

everything was ok but the background music !! It destructs .....

[@sagarmoriya9773]

image is not displaying in cart

[@HassanAli-hx2ci]

How to add images??

[@wolfasad9872]

you should upload this to any git

[@pavan3866]

Module not found img

[@user-wi5tx7gy7u]

Buy Now how to do?

[@vivekmodi3165]

Why you have added background music?

[@cholakovit]

I got this error: Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

[@bakapvn]

I think you have to put the state that will update inside the array parameter of useEffect hook

[@hemangkoshiyar2586]

I think you forgot to add ()=> inside the onClick event, recheck that

[@user-wi5tx7gy7u]

Next video where?

[@crazyaji3130]

This project code link please send me

[@palcherin]

I never understand why you have a code tutorial with no source code

[@pavan3866]

Sources code kaha he

[@siddharthvaishnav]

bhai addItem is not defined aa rha hai . Cart.js file bhi

[@125siddheshmhatre6]

Bhai usne function pehe se hi define krke rakha he islye

[@codewithyd]

"additem is not a function solution" Import CartProvider from react use cart And warp in app component

[@shekhardhruv2939]

pls send your source code

[@amitpandharikar2377]

when can we get source code

[@amitpandharikar2377]

pls don't give like tell me where do i get source code

[@125siddheshmhatre6]

Did yo get source code?

[@JunaidKhan-zh1wn]

sir is source code available?

[@38nazmulnahid55]

can we get source code

[@RHales-vu2ie]

Name of song?

[@codewithyd]

Janji - Heroes Tonight and, Unknown Brain - Why Do

[@njyothi4949]

I like this video but cartTotal is not working for me.

[@codewithyd]

Check your project code 👍

[@njyothi4949]

@@codewithyd Yes i have check the code but still facing same issue,could you please send the source code.

[@codewithyd]

Join my whatsapp group and send your code thank you for your comments

[@125siddheshmhatre6]

Do you have code ?

[@TechEtti]

source code plz

[@anonymousgladiator5541]

Please share source code?

[@ashokchhetri8513]

Why not add code?

[@roshangeorge97]

Source code bro??

[@jeevankumawat_7220]

add item is not a function help me sir

[@codewithyd]

"additem is not a function solution" Import CartProvider from react use cart And warp in app component

[@jeevankumawat_7220]

@@codewithyd nhi ho rha na ye to phle hi krwa diya tha

[@shekhardhruv2939]

@@jeevankumawat_7220 pls send your source code

[@newaz7591]

github link please

[@HassanAli-hx2ci]

Please give the code

[@anbubala3237]

Source code

[@konno_donnoi7851]

the background song was totally unnecessary!

[@codewithyd]

Sorry for bg voice

[@user-fr2ti5jv7b]

addItem isnot function pls help

[@himanshibante9855]

How can we redirect that add to cart page on next page?

[@codewithyd]

You can use react router

[@bilalumer763]

Use to redux or same as use same you can create new page

[@bilalumer763]

Or create routing wrap inside of NavLink tag