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.
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.
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!!!
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
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
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 :)
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!!!!!
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)
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
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
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....
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
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.
@@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.
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
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👌
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
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
sir your course is really amazing. you are true teacher, but here I have one question and that is, why are you not using provider tag instead, you are using connect from react-redux? here I am little bit confuse. otherwise all your course is really amazing.
Hey champ glad you liked it. This video was done before I have learned about hooks. But using hooks with redux is the new way of doing it. But with understanding this approach switch to hooks will be fairly simple
@@the_full_stack_junkie finally i completed this project and learn a lots of things within 3 days. thank you very much sir you are really nice teacher. i learn old method "connect" as well. but I replaced it with new hooks useSelector and useDisatch. but when I was adjusting the currentItem which was initially null, this thing make error that you cannot use map with null then I pass an empty array instead null value. and in shopping reducer inside return I pass and again array. like below initState = [ currentItem: [ ] ] and in shopReducer const shopReducer = ( ) => { return { ...state, currentItem: [action.payload] }; this thing solved my problem. but in null case I used old connect hook which was not giving this error because I tried connect hook with this null value mean it was working perfectly like yours.
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.
@@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
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
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
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.
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.
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
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:
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 ?
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)
That is correct i did not have it save to storage. If i would to complete the shopping cart i would use a backend and save the shopping cart details in a database.
@@the_full_stack_junkie How can you put local storage here. I redux is not so easy and cannot find tuts easy with local storage in redux. I created a same shopping cart and then followed dan abramov details about locale storage persistence but the drawback with his way is that it persist all the UI. Do you have a way in local sotrage with redux? For example in your tut how can we put the cart items to local storage?
I would have to go play around with this idea (should be just some basic javascript inside of the action functions) if this is something you are interested in i will make a video on this topic
@@the_full_stack_junkie yes it could be good. It is also something that you can't find easily on youtube about-redux and local storage. There are only tuts about hooks and class based comp which are simple. A good example is in the tut that you already have. Or make something else
GitHub Link:
github.com/LloydJanseVanRensburg/ShoppingCart-Redux
You could do it with redux persist to keep the store, would that be great? github.com/rt2zz/redux-persist . Thanks, amazing tutorial
the starting files branch looks finised
Yes sorry about that.
you said u was gonna give us the code without redux in it
Ya sorry for that only realized a while after posting i never made starting branch
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.
this was the most amazing lecture I listened to till now.
Thanks champ
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.
Very glad i could help champ
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.
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!!!
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
Wow thanks glad it helped you out!!
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
Awesome man! So glad it helped
The way you implimented everything was awesome.... Thanks for giving these type of knowledge🤗🤗🤗
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
The best video to learn redux
You made redux look easy🥺
Dude! I learned a lot from this, your tutorials are amazing 🔥🔥
Keep up the good work. Greeting from Cape Town ZA
Glad to hear it!🤓
You've gained a subscriber. Great tutorial, I learned a lot. Thank you!
Damn, so clear and straightforward.
Keep them coming please
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!
Thanks champs really appreciate you positive comment.
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
Thanks for the comment really appreciated it! So glad you found it helpful🤓🙏
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 :)
You are very best as a teacher, thanks for your time❣
Very good implementation of shopping cart in React Redux. Thank you.
In 1 hr. What would you expect it's awesome ....👍👍
amazing tutorial dude, you really helped me figure out redux! lots of love
Awesome champ glad the video helped
nice bro. I learn a lot from u. thanks so much
So glad thank for comment
Awesome explanation that explained the complete cart setup using redux properly...
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!!!!!
Thanks ,
Would be really nice to see redux-toolkit
thanks a lot for such a clean, comprehensive and informative video
You are very good as a teacher, thanks for your time❣
wow man..Your channel is an absolute gem for beginners like us.. Keep up the good work .. Really appreciate it :)
Thank so very much going to upload more from next week thanks for this comment
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)
did you get?
Your channel should have more subs. That was an awesome and on point video.
Thank you so much
Thank you so much sir. I learned a lot from you. I understood mapDispatchToProps mapStateToProps now. Support from Nepal .
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
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
can we get a video about redux-thunk with axios ?
Great video, thanks! This has really helped clarify this process for me
So glad you found it helpful
Thanks for the video sir ..I really appreciate ur effort u made redux look easy >> Subscribed liked ,commented and also shared
Wow thanks so much champ really glad you found it helpful. Hope to contiue making helpful video content
Well paced, very informative tutorial, thanks!
You are welcome
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....
Awesome thanks for the comment glad you found it helpful💪🤓
it was a such a great tutorial, learned a lot✨
Awesome!!! TQVM!!
Good explanation
Great video. Thanks for all your hardwork
No one explain like this ❤️❤️❤️
That's Awesome
Exactly what I need!
Great tutorial man!!
Thanks I appreciate it!!
Thanks Brother, Brilliant Explanation🤯
Great tutorial! It helped me a lot. Thank you!!
So very glad
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
I made a video building a project from scratch hope you enjoy!
Thank you, you helped me a lot !!!
your video is just perfect!!!,thanks for this video.
Awesome glad you liked it. Thanks for the positive comment 🤓💪
Great tutorial! Thank you!
Thank you brother,
please keep going
Very helpful. Thanks for this
this was super helpful! thanks a tonne!
So glad you found it helpful, thanks for the comment🤓
Nice Video great keep going. Can you convert vanilla redux to redux/toolkit. I hope I will get a good answer.
That was brilliant tuto brom well. Also is ur keyboard logitech? If is not can you share!
Thanks flad you found it helpful. Yes it is indeed logitech😂👌
Muchas gracias!
I just want to say keep going! I really really like your teaching method. You are an amazing dude.
Wow thanks so much champ really appricate this comment.
Uber Helpful,
Are you in South Africa?
Im about to use everything I just learnt!
Whats Up from JHB South Africa!
🇿🇦✌
Great job!
Thank you🙏🤓
thanku so so so .,.much
Best tutorial thanks a lot
Thank you so much i hope to make many more of the best🤓 thanks for the positive comment!
cool
😍😍😍
Thank you soo much❤️❤️
hello sir.... great video ✨. but using useSelector and useDispatch things get little easy i guess because lot of people know redux working cycle so...
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.
great stuff man! thank you!
My pleasure hope you found it useful
@@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.
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
@@the_full_stack_junkie thanks for the fast reply bro, i was waiting in front of the pc :) will double check now.
did fixes from stackoverflow but none works.
The video was great, wish you had given the starter files too
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👌
@@the_full_stack_junkie Thank you!
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
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.
If am using API initailstate{ product[] } then how get product ? Same way?
Really enjoyed tutorial! Thank you so much. I have just one question. We can now use hooks useSelector and useDispatch instead of connect function?
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
@@the_full_stack_junkie Alright, thank you very much :).
sir your course is really amazing. you are true teacher, but here I have one question and that is, why are you not using provider tag instead, you are using connect from react-redux? here I am little bit confuse. otherwise all your course is really amazing.
Hey champ glad you liked it. This video was done before I have learned about hooks. But using hooks with redux is the new way of doing it. But with understanding this approach switch to hooks will be fairly simple
@@the_full_stack_junkie ohh i see.
thanks i have understood. I will try to use provider.
@@the_full_stack_junkie finally i completed this project and learn a lots of things within 3 days. thank you very much sir you are really nice teacher. i learn old method "connect" as well. but I replaced it with new hooks useSelector and useDisatch.
but when I was adjusting the currentItem which was initially null, this thing make error that you cannot use map with null then I pass an empty array instead null value. and in shopping reducer inside return I pass and again array. like below
initState = [
currentItem: [ ]
]
and in shopReducer
const shopReducer = ( ) => {
return {
...state,
currentItem: [action.payload]
};
this thing solved my problem.
but in null case I used old connect hook which was not giving this error because I tried connect hook with this null value mean it was working perfectly like yours.
How to set API data in Product [] array inside Reducer
you are awesome sir
@News Squad thanks so much for the positive comment 🤓
@@the_full_stack_junkie Your Welcome Sir
Thanks Dude
You're welcome!😇
hey, Your git file is not working properly, the page is coming with fully distorted
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.
@@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
I download your git repo file two times but same output
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
if we refresh the data gone, so how do we save the current state even after reloading the page
How did you make the trash can? I really liked the animation .. can you show me please?
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
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
cart has empty array [],howcome qty came ? please clear my doubt?
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.
Hello, I was unable to locate Redux Devtools extension for Chrome in 2021?
hi thank you!
All good champ. Hope you check out my newer videos their i use redux hooks which are pretty awesome🤘
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.
Very good video thanks! But how can i embed dynamic data in products using fetch?
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.
Yeah, and from where i should take all of these starting files? Because on github there's a complete project.
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?
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
00:52:50 why to add other dependancies like total, price, settotal, setprice if cart along can work?
thank you for this video, but when i am trying this code i have problem the basketProsps in console is undefined
how the data is persisting here can you please tell me ??
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:
I was having the same issue, did you end up fixing it?
@@MrKrzysztof13 no sorry:(. I moved on to something else in the end.
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 ?
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)
Would this method work with graphql or other API’s
Yes graphql just way of ferching data. Check out apollo with graphql.
Nice!You haven't put local storage in order to be a very complete shopping cart. How can we put it?
That is correct i did not have it save to storage. If i would to complete the shopping cart i would use a backend and save the shopping cart details in a database.
@@the_full_stack_junkie How can you put local storage here. I redux is not so easy and cannot find tuts easy with local storage in redux. I created a same shopping cart and then followed dan abramov details about locale storage persistence but the drawback with his way is that it persist all the UI. Do you have a way in local sotrage with redux? For example in your tut how can we put the cart items to local storage?
I would have to go play around with this idea (should be just some basic javascript inside of the action functions) if this is something you are interested in i will make a video on this topic
@@the_full_stack_junkie yes it could be good. It is also something that you can't find easily on youtube about-redux and local storage. There are only tuts about hooks and class based comp which are simple. A good example is in the tut that you already have. Or make something else
@@codito7388
you could use redux persist :) github.com/rt2zz/redux-persist
Where is the starter project?
I am getting error at {product.map} the error says cannot read properties of undefined ('map') can someone help me
you need to set product into an array {product:[ ] }