React State Management using Redux (Build a shopping Cart🔥 )

[@the_full_stack_junkie]

GitHub Link: github.com/LloydJanseVanRensburg/ShoppingCart-Redux

[@anthonyisrael6971]

You could do it with redux persist to keep the store, would that be great? github.com/rt2zz/redux-persist . Thanks, amazing tutorial

[@chubbyBunny94]

the starting files branch looks finised

[@the_full_stack_junkie]

Yes sorry about that.

[@abodmedia]

you said u was gonna give us the code without redux in it

[@the_full_stack_junkie]

Ya sorry for that only realized a while after posting i never made starting branch

[@thedevdj]

I was losing my mind trying to understand other tutorials on redux before watching this one. You gave me so much joy... God bless you for this.

[@subramanyak6187]

this was the most amazing lecture I listened to till now.

[@the_full_stack_junkie]

Thanks champ

[@alexmai2776]

If you are new to Redux, this video is actually all you need. Helped me so much in my Redux project. Got clear explanations and the video length is perfect. Appreciated and subscribed xD!!!

[@franciscastro5837]

Sir you have my respect, I watch many videos about redux and your explanation is top-notch. For me as a beginner I can easily understand what you are teaching compare to other channels their just blasting their keyboard and not explaining it. Thank you for your effort.

[@warrenprezydent2010]

Bro Redux was very hard for me until your video. Thanks to you, I feel more confident in using this technology. Now I can see a lot of advantages of using it.

[@the_full_stack_junkie]

Very glad i could help champ

[@athulpk8530]

bruhhhhh where was this video this much time , i wasted lot of my time watching useless tutorials and understand nothing but this video teach me everythinggggggggg thxx broooo next time if i have a doubt first place to visit is here

[@the_full_stack_junkie]

Awesome man! So glad it helped

[@ramzihammouda3938]

Great job. btw an hour is not considered long especially when you covered a lot of things in detail. It was really helpful. Keep up the good work bro

[@donovanshane2291]

You've gained a subscriber. Great tutorial, I learned a lot. Thank you!

[@duredurrani]

Absolutely Masterpiece. I have watched more than 30 Videos on Redux all that all are just waste of time. They are designing HTML pages in Redux Tutorial and on other side you just focused on redux 🔥 I loved it. Thank you for valuing my time. Appropriate. Liked shared subscribed

[@the_full_stack_junkie]

Wow thanks glad it helped you out!!

[@PrinceKumar-vp9ou]

The way you implimented everything was awesome.... Thanks for giving these type of knowledge🤗🤗🤗

[@codoof1]

amazing tutorial dude, you really helped me figure out redux! lots of love

[@the_full_stack_junkie]

Awesome champ glad the video helped

[@dbones-aow3]

Damn, so clear and straightforward. Keep them coming please

[@SimPwear84]

Dude! I learned a lot from this, your tutorials are amazing 🔥🔥 Keep up the good work. Greeting from Cape Town ZA

[@the_full_stack_junkie]

Glad to hear it!🤓

[@ravindrakumarkushwaha1564]

You are very best as a teacher, thanks for your time❣

[@ramnareshram74]

Very good implementation of shopping cart in React Redux. Thank you.

[@diegocamy8470]

Hey man, what's up? Great video, I just want to thank you for creating such an amazing video like this one to help other people

[@the_full_stack_junkie]

Thanks for the comment really appreciated it! So glad you found it helpful🤓🙏

[@ahanamallik340]

thanks a lot for such a clean, comprehensive and informative video

[@hansalucas]

man I owe so much to you, I hope life pays you back 10 times more and I cant wait to be able to retribute to you when I get a job. Thank you!

[@the_full_stack_junkie]

Thanks champs really appreciate you positive comment.

[@genshinnoob.]

Awesome explanation that explained the complete cart setup using redux properly...

[@shaiksamiulla6923]

The best video to learn redux

[@akhilbisht]

Your channel should have more subs. That was an awesome and on point video.

[@the_full_stack_junkie]

Thank you so much

[@debaratighatak2211]

it was a such a great tutorial, learned a lot✨

[@swagataSR]

wow man..Your channel is an absolute gem for beginners like us.. Keep up the good work .. Really appreciate it :)

[@the_full_stack_junkie]

Thank so very much going to upload more from next week thanks for this comment

[@blank2782]

Great video. Thanks for all your hardwork

[@carolinaloaiza2924]

You are very good as a teacher, thanks for your time❣

[@celeis100]

Well paced, very informative tutorial, thanks!

[@the_full_stack_junkie]

You are welcome

[@fragrantbloom]

Holy shit this was such an amazing video! This was not long at all, you explained everything in detail and on point. My only suggestion would be, please increase the font size so I can watch from mobile as well. Other than that this was amazing. I am going to watch again while working on my project now. Thank you :)

[@bingers_tv]

Great video, thanks! This has really helped clarify this process for me

[@the_full_stack_junkie]

So glad you found it helpful

[@shahzan525]

In 1 hr. What would you expect it's awesome ....👍👍

[@sarojghising9877]

Thank you so much sir. I learned a lot from you. I understood mapDispatchToProps mapStateToProps now. Support from Nepal .

[@the_full_stack_junkie]

Redux Hooks are very nice as well and will make even more sense afrer understanding this video. Checkout Redux hooks. useSelector, useDispatch works lots faster

[@paulecampbell]

Thanks Lloyd, nice video!

[@purvatekade3009]

Great tutorial man!!

[@the_full_stack_junkie]

Thanks I appreciate it!!

[@fixcodedesign2165]

nice explanation I have ever seen. I watched so many video. sometimes what they explaining they don't know. Wish you good luck. Need another video for fetch data from the server and update

[@fixcodedesign2165]

can we get a video about redux-thunk with axios ?

[@noobCoder26]

Thanks for the video sir ..I really appreciate ur effort u made redux look easy >> Subscribed liked ,commented and also shared

[@the_full_stack_junkie]

Wow thanks so much champ really glad you found it helpful. Hope to contiue making helpful video content

[@resildacela1585]

Great tutorial! It helped me a lot. Thank you!!

[@the_full_stack_junkie]

So very glad

[@khoilam7569]

nice bro. I learn a lot from u. thanks so much

[@the_full_stack_junkie]

So glad thank for comment

[@takurofisayo5601]

You made redux look easy🥺

[@שנירחכמון]

Thank you, you helped me a lot !!!

[@HashtagObi]

don't apologise for the long video! just finished as i need the logic for an interview... i will come back in a week and let you know if i got the job!! (fingers crossed :D)

[@subramanyak6187]

did you get?

[@oluseunakintayo3060]

Exactly what I need!

[@tusharvashistha3502]

your video is just perfect!!!,thanks for this video.

[@the_full_stack_junkie]

Awesome glad you liked it. Thanks for the positive comment 🤓💪

[@KennyCha87]

I want to say thank you! I have watch couples videos but still unable to get understand the state management in react, since I learned VUE first. The logic is the same but I would say the implementation of redux is more difficult than VUEX. But I fully understand after watching your video. It really helps, thanks for providing the great tutorial!!!!!

[@DcentMusic]

Thanks Brother, Brilliant Explanation🤯

[@ol1175]

Thanks , Would be really nice to see redux-toolkit

[@nethreen14]

Very helpful. Thanks for this

[@sohammadhav3668]

this was super helpful! thanks a tonne!

[@the_full_stack_junkie]

So glad you found it helpful, thanks for the comment🤓

[@Dipenparmar12]

Thanks for such a amazing video (plz don't worry about length its required because you covered almost all topic ) pretty much happy with this video....

[@the_full_stack_junkie]

Awesome thanks for the comment glad you found it helpful💪🤓

[@huseyinOzdogan83]

Thank you brother, please keep going

[@digigoliath]

Awesome!!! TQVM!!

[@bikramghimire6598]

00:52:50 why to add other dependancies like total, price, settotal, setprice if cart along can work?

[@shaikzuhair8537]

Good explanation

[@125siddheshmhatre6]

No one explain like this ❤️❤️❤️

[@khoilam7569]

i want to asked you. at the 45:16p. i don't know at setCartCount(count) }, [cart,cartCount] ) ......***(cart ,cartCount)=> have what effect??***. am try delete this but nothing happen.

[@asfandkhankhan]

I just want to say keep going! I really really like your teaching method. You are an amazing dude.

[@the_full_stack_junkie]

Wow thanks so much champ really appricate this comment.

[@LyndaChiwetelu]

Solid tutorial! thank you!

[@the_full_stack_junkie]

Thank you 🙏

[@tahanamdar9322]

That's Awesome

[@ben-cb5er]

awesome video thank you! please do more videos on react or react/redux but from scratch with css....that way we learn more and easier to understand. thanks bro

[@the_full_stack_junkie]

I made a video building a project from scratch hope you enjoy!

[@petriwork77]

great stuff man! thank you!

[@the_full_stack_junkie]

My pleasure hope you found it useful

[@petriwork77]

@@the_full_stack_junkie bro 1 question pls ? why do i see this ? Failed to compile ./src/redux/store.js Module not found: Can't resolve 'redux;' in 'D:\petry\shop\src edux' i think i installed eveything just fine.

[@the_full_stack_junkie]

I think this just has to do with the path you are specifying just make sure. Discord Link: (please send screen shot of further errors or issues here so that i can properly see and help) discord.gg/fGcx4whb

[@petriwork77]

@@the_full_stack_junkie thanks for the fast reply bro, i was waiting in front of the pc :) will double check now.

[@petriwork77]

did fixes from stackoverflow but none works.

[@isaacnavarro4614]

Muchas gracias!

[@asifurrahman5436]

if we refresh the data gone, so how do we save the current state even after reloading the page

[@aneelachuhadhry3240]

Best tutorial thanks a lot

[@the_full_stack_junkie]

Thank you so much i hope to make many more of the best🤓 thanks for the positive comment!

[@messyice2524]

When i click add to cart only the qty shows in the cart array. i have [...item, qt 1] set up in the reducer. Need help.

[@aestebanclchannel89]

Great job!

[@the_full_stack_junkie]

Thank you🙏🤓

[@sweetcatto]

Hi, is there any way how we can implement the 'Empty cart' functionality? I tried but it emptied my cart as soon as I click on the cart tab.

[@mateogalic7128]

Really enjoyed tutorial! Thank you so much. I have just one question. We can now use hooks useSelector and useDispatch instead of connect function?

[@the_full_stack_junkie]

Yes that is correct and i suggest using the hooks instead this video was done a while back i should actually update on with hooks. But I am glad you found it helpful

[@mateogalic7128]

@@the_full_stack_junkie Alright, thank you very much :).

[@umerarain6814]

How to set API data in Product [] array inside Reducer

[@toluwalaseogunsola4972]

Would this method work with graphql or other API’s

[@the_full_stack_junkie]

Yes graphql just way of ferching data. Check out apollo with graphql.

[@chandrasekher209]

From my side it saying that actions may not have undefined type property please can you tell me i strucked here. And one more is my action-types are importing from non-default exports can you please tell me i am waiting for your response

[@SanjeetCoder]

hey, Your git file is not working properly, the page is coming with fully distorted

[@the_full_stack_junkie]

did you make sure you download the file correctly i just tested it by downloading the files and running npm install and all seems to work find on my side.

[@SanjeetCoder]

@@the_full_stack_junkie don't know, why i am getting distorted output, Actually when I used npm install I was getting error so I downgraded react-script version to 1.1.4 and after running npm start, I am getting distorted output

[@SanjeetCoder]

I download your git repo file two times but same output

[@the_full_stack_junkie]

I did not have to downgrade my react scripts package i just left it becuase it still works even with that vulnerability. If you would to build the project using create react app it should work fine. I am unfortunately not going to manually go and update the repos for all my videos every time a new React version or ipdate is released

[@ivanbozveliev5335]

Very good video thanks! But how can i embed dynamic data in products using fetch?

[@RavindraSingh-lp9pl]

cart has empty array [],howcome qty came ? please clear my doubt?

[@mariamkulumbegovi9075]

Great tutorial, thank u for the effort. One thing though, if i want to add for example color and size attribute in product when the user chooses from product page, how to implement that in redux

[@kenaida22]

Hello, I was unable to locate Redux Devtools extension for Chrome in 2021?

[@umerarain6814]

If am using API initailstate{ product[] } then how get product ? Same way?

[@blah9960]

😍😍😍

[@roei133]

How did you make the trash can? I really liked the animation .. can you show me please?

[@kag3670]

Hi, awesome content, why do u choose to pass ids in add activation if u have access to whole product object? you wont have to find it by id later if its already passed as whole.

[@nihelboujelben2478]

thank you for this video, but when i am trying this code i have problem the basketProsps in console is undefined

[@alexandergorin9963]

Everything is good, but how to change button from "ADD TO CART" to "ADDED" to see the status of products: which ones were added to the cart?

[@the_full_stack_junkie]

Hi glad you liked it. Well you would have to do some check in the cart state to see whether it is already in there and then change the button text conditionally

[@bwwbali7372]

I have created an "ItemDetail" functional component which I "connect" export and from which calling and "add to cart" dispatch method gives me "(someAction).default is not a function error" . Any help ?

[@bwwbali7372]

Maybe it would help someone. I finally resolved the issue by just differentiating the action object imported from the name of the function object in ItemDetail that is fired when "Add To Cart" is clicked/pressed(react Native)

[@dashman2062]

Hello I am trying to follow this tutorial, I just downloaded the starting code and there are no images? Where did you get the images and where did u put them? Also in Cart.js it says item is undefined on this line:

[@MrKrzysztof13]

I was having the same issue, did you end up fixing it?

[@dashman2062]

@@MrKrzysztof13 no sorry:(. I moved on to something else in the end.

[@priyatam17]

thanku so so so .,.much

[@Kermin00]

Yeah, and from where i should take all of these starting files? Because on github there's a complete project.

[@125siddheshmhatre6]

Thank you soo much❤️❤️

[@shakibahmed8698]

Nice Video great keep going. Can you convert vanilla redux to redux/toolkit. I hope I will get a good answer.

[@muratwes23]

That was brilliant tuto brom well. Also is ur keyboard logitech? If is not can you share!

[@the_full_stack_junkie]

Thanks flad you found it helpful. Yes it is indeed logitech😂👌

[@sedghianikhouloud8153]

please how to initialize products from axios

[@the_full_stack_junkie]

If your products is in your database you will have to load the data from a useEffect hook. If you need help I will send you my discord link and I will be able to help you from there thank you for the comment!

[@sedghianikhouloud8153]

@@the_full_stack_junkie i will be pleased if I can share my code in discord , but I'm using class component not hooks , I can use componentDidMount in reducer file ??

[@the_full_stack_junkie]

Oky I will send you my discord details asap💪🤓

[@the_full_stack_junkie]

But you will use componentDidMount inside of your component. And then call your action from there but if you use axios you will have to add redux-thunk to your store to allow async code in your actions, I will show you as soon as I am at my computer

[@the_full_stack_junkie]

discord.gg/JUHQpUh Link to my Discord channel

[@aminatmoldalieva6385]

It is really useful but I am stuck... I don't know why but I can not show the data by mapping the products. how many hours I am stuck

[@mdmustaqahmed5391]

hello sir.... great video ✨. but using useSelector and useDispatch things get little easy i guess because lot of people know redux working cycle so...

[@callitservices2640]

Uber Helpful, Are you in South Africa? Im about to use everything I just learnt! Whats Up from JHB South Africa!

[@the_full_stack_junkie]

🇿🇦✌

[@tech-trident1680]

how the data is persisting here can you please tell me ??

[@newssquad4346]

you are awesome sir

[@the_full_stack_junkie]

@News Squad thanks so much for the positive comment 🤓

[@madengineers4183]

@@the_full_stack_junkie Your Welcome Sir

[@sethyates809]

Really great video, helped me so much! One question though, since React Routing v6 is out there is no more Redirect. How would you do change your code to fix that? If anyone could help me out with that, that'd be great.

[@shaikhshoaib1989]

I am getting error at {product.map} the error says cannot read properties of undefined ('map') can someone help me

[@messyice2524]

you need to set product into an array {product:[ ] }

[@stafnykarkada3330]

The video was great, wish you had given the starter files too

[@the_full_stack_junkie]

Glad you liked it. Totally forgot about adding the starter files to the git repo, sorry about that. I will definitely keep this in mind for future videos👌

[@stafnykarkada3330]

@@the_full_stack_junkie Thank you!

[@soheiltehrani8834]

hi thank you!

[@the_full_stack_junkie]

All good champ. Hope you check out my newer videos their i use redux hooks which are pretty awesome🤘

[@user-ei5lp3zu8m]

cool

[@guntherrondina2190]

Thanks Dude

[@the_full_stack_junkie]

You're welcome!😇

[@muhammadyaqoob8000]

Where is the starter project?