Build a Shopping Cart🛒 Using Redux Toolkit | React Redux Toolkit Tutorial

Подписаться 6 тыс.

Просмотров 38 тыс.

50% 1

🔴Connect with me 1 :1 -
➜ topmate.io/himanshushekhar
Hi Guys,
In this video, I have built a product list page and shopping cart page using react and redux toolkit.
Code - github.com/highhimanshu/shopp...
Article link - whataboutcoding.com/redux-too...
Hope you guys found it helpful.
Main Channel
➜ / himanshushekhar020
➜Say hi -
Instagram - / himanshu.create
➜Contact - methimanshu020@gmail.com
➜About me
Hi Guys, thanks for tuning in. I am a software developer, having 3+ yr of experience in the IT industry. I like teaching and creating content, so why not create it upon my profession and daily lifestyle.
You'll either find my videos educational or entertaining, sometimes both🤗
🙏 Thanks for your love and support. It means a lot to me.❤️
Tags
react redux,redux ,toolkit tutorial,redux toolkit hindi,redux toolkit tutorial in hindi,redux vs redux toolkit,redux,react-redux,redux toolkit, Redux Toolkit Tutorial in Hindi 2022,redux tutorial 2022,redux toolkit with react,redux tutorial in 2022,redux in hindi,redux tutorial in hindi,
redux toolkit shopping cart example,react-redux shopping cart github,redux toolkit tutorial,how to calculate total price of shopping cart in react-redux,react redux shopping cart codepen,react-redux ecommerce,react shopping cart without redux,Add to cart in shopping website using redux toolkit in ReactJS ,Building a shopping cart in React with Redux Toolkit

Опубликовано:

19 дек 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 108

@vamshikrishna9020 10 месяцев назад

Thanks a lot .I fallowed the entire steps as instructed in the video. It worked

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@sr.nitish2268 3 месяца назад

Hey..Great effort for letting people know that how it works, and the next step you should create another part of it, to hold the data in DB and other reated things of shopping cart application.

@abhilekhsingh8463 Год назад

Love you bro mja aa gya ❤❤

@riversound8871 10 месяцев назад

Thanks Sir. I got clear understanding of Redux Toolkit, with Reducer, ExtraReducer and Shopping Cart in React.

@whataboutcoding 9 месяцев назад

Glad it helped

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@manukumar-cn6lz Год назад

Bro make more videos quickly I am waiting for your videos because your teaching style is osm 🥰🥰 love you bro

@whataboutcoding Год назад

Thanks alot

@hiteshbhoi4495 Год назад

fantestic man👍

@akashkhan9165 Месяц назад

brother you teach awesome please don't stop making these type of videos and you explain very well thank you

@whataboutcoding Месяц назад

super glad it helped.

@ChandraprakashKushwaha-jy8ql Год назад

Fantastic sir

@usamariaz3765 Год назад

Its amazing thanku

@ASHISHkumar-zs4rz 9 месяцев назад

I have already watched your redux toolkit video and now I am excited to build this feature in my e-commerce site ❤ and now subscribed your Chanel

@whataboutcoding 9 месяцев назад

Thnx alot. Glad it helped

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@asif_eth Год назад

it was very helpful, Thank You!

@whataboutcoding Год назад

Glad it helped

@MrNitinSabhadiya Год назад

If i am wrong then please forgive me. but as per my idea when we need to value from store then we need to write selector function not reducer. You are writting reducer for get totalQuantity😊

@awaisqureshi9171 Год назад

Very nice video

@Viral_Shorts_v 10 месяцев назад

1 no. bhai keep going...

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@prandeepgoswami5877 8 месяцев назад

Hello sir, first of all thank you for your awesome videos, letting us learn so detailed about redux toolkit. Sir in your add to cart video, in cartSlice, in getCartTotal I wast not able to understand const {price, quantity} = cartItem How we are getting price and quantity from cartItem. Please explain

@navinrcb6936 Год назад

hi superb explanation iam from tamilnadu i don't know hindi but your explanation simply superb have one doubt on inc and dec how can i change the value directly in the input field by entering the value in the input field iam not able to change the value

@zainikram336 4 месяца назад

aj k din ki sab sy best video😍😍

@whataboutcoding 3 месяца назад

🙂

@gabrielaguilera2015 Месяц назад

Thanks bro!!!

@dastgirakhtar9782 Год назад

Nice

@ashutoshjha5522 Год назад

Himanshu bhaiya video kafi achi hai ek request hai ki thoda graphics aur better kar dijiyega next video se taki jab mobile me dekhe to sahi se dikhe

@codingsolution24 Год назад

so helpful lecture .One day your channel is top channel

@whataboutcoding Год назад

Thnx for the comment. Made my day🧡

@prenaysaidiska9603 Год назад

thank you soo much brother it helped me a lot

@whataboutcoding Год назад

Glad it helped

@ashugautam7314 7 месяцев назад

thank you bro..

@kunalchouhan4137 Год назад

Ye hui naa baat bhaiya... thank you so much jo aapne video bnaaya...thankuuu... please kya aap is topic pr video laa skte hai: Things to know before going to react frontend developer interview...aur apka experience bhi share kijiye bhaiya please please please...love your content

@whataboutcoding Год назад

Thanks alot🙂

@kunalchouhan4137 Год назад

@@whataboutcoding bhaiya thank you so much.... project bahut hi accha tha kafi kuch seekh is project se...thank you thank you thank you so much bhaiya....please ho ske to aur project laana please aur, Vdeo Suggetion: Things To Know Before Going For An Interview As Fresher React Developer Please bhaiya video bnaa dijiye

@hawkeye2463 Год назад

thanku so much bhai for this project

@whataboutcoding Год назад

Glad you liked it

@krishnatarate4044 Год назад

loved it...very good for revision...

@whataboutcoding Год назад

Glad it helped

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@azaanibrahimmohamed2846 9 месяцев назад

finally finished redux very curious thanks for your help

@whataboutcoding 9 месяцев назад

Glad I could help!

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@whataboutcoding 8 месяцев назад

@@hassaanchaudhry5241 github link in already in description. Please check

@hassaanchaudhry5241 8 месяцев назад

I have checked but not working @@whataboutcoding

@user-id8ec6ny8y 8 месяцев назад

your tutorial is amazing

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@MotivationBaba63 4 месяца назад

Bhaiya thoda sa overview to de diya kriye bhale hi aapne phle video bnaya ho ya na ho, lekin thoda sa terms ko explain to kr hi skte hai❤😊

@tulsicreation2026 3 месяца назад

look good tutorial

@whataboutcoding 3 месяца назад

Glad it helped

@maryambibi9687 Год назад

Thankyou

@user-qz2oz5dv5t 10 месяцев назад

Can you please tell from which command you are running the project

@mshahid5122arid 9 месяцев назад

Sir big fan from Pakistan

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@besspallysaikiran7820 11 месяцев назад

If you using static data how we can notice how it will work for api

@Dhanushsaji Год назад

One edge condition... Let's say the quantity of a product is 1.. Then u click decreasing button... It goes from 1 -> 0. But it won't get removed from the cart.

@whataboutcoding Год назад

Thanks for pointing out..in that case the minimum value should be 1...the decreasing button should be disabled after that.. you can try that..

@629_nishantghadigaonkar3 11 месяцев назад

Thank You !

@hassaanchaudhry5241 8 месяцев назад

Bro can plz you share your gitlink of this code...isk cartPage m kch error ara?

@629_nishantghadigaonkar3 8 месяцев назад

@@hassaanchaudhry5241 I actually built an e-commerce webapp. I can share you the link if you want. There are some modifications in it.

@harshalikale2615 Год назад

i have tried this project and im getting one issue . in input when im increasing or decreasing the quantity the the input number is not changing. how to fix this sir .

@momenttime3628 Год назад

Good afternoon sir

@ManpreetSingh-xx9kv 5 месяцев назад

When in getting item in cart ...it showing proxy object ...how to fix it ?

@aakarshpal5304 Год назад

the cart logic is complex ahhh

@user-hg4qf1wo5q 10 месяцев назад

next js m kya changes ho gi kindly reply me

@RealityNews-sq3hp 7 месяцев назад

nice video , once thing not understand , once we reload then cart data gone what we can do in this case ?

@whataboutcoding 7 месяцев назад

Store it in db or in local storage

@amanverma8300 Год назад

dev tools show nhi kar raha h mera, extension download h fir bhi, koi suggestion ....

@davronmaxmudov3972 Год назад

Please use it with local storage

@user-ft7ll7sq3n 9 месяцев назад

your blog website is not responsive my bro

@SpaceWondersHub Год назад

In my case quantity value show null in redux if any one face the same issue and he solve then help me

@user-hi9wz3et4e 6 месяцев назад

how to store data in localstorage

@mma-dost Год назад

make a mern project sir please ?

@baragame334 Год назад

Sir how i remember the cart logic

@Thematrixman Год назад

Hey, how would I go about adding product variations such as colour and size to the basket?

@whataboutcoding Год назад

Add different sizes array and different color phone in the json and loop it in the product page..

@skullhunter7342 Год назад

Sir please complete mern stack e commerce project laiye.🎉

@whataboutcoding Год назад

Noted

@anamikayadav5785 Год назад

hey hii whenever i am clicking ad to cart vo redux dev tool mai horaha hai lekin page load hota hai then everything blank by saying this error Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

@whataboutcoding Год назад

Add to cart should not reload the page..check your button click

@anamikayadav5785 Год назад

@@whataboutcoding got it

@anamikayadav5785 Год назад

@@whataboutcoding i checked its same as yours

@akshay0132 Месяц назад

Bhai please make data file in json

@himanshuarora1910 Год назад

atleast dont copy logical codes from internet ie at 44.49 ,u copied the whole logic

@RATEDGANGSTER Год назад

you wrote and explained unwanted codes but skipped and copy pasteed the important part of reduce method ! bs !🤣

@Tuntunfunofficial Год назад

Bro jab framework Theek se nai aata tha apko to other framework use kar lete naa like bootstrap, mui , nai to css ka use kar lete par apko framework nai aata theek se aap kuch bana dete fir hatate ho ham fresher he bhiya hame distraction aati he aese sb jo sikhne aate he wo Sikh nai pate he theek se kuch laga diya hata diya me aap samjh rahe ho me kya kehna cha Raha hu Me video puri dekhne wala tha par 08:48 pe video band karke dusra video dekhunga sorry for this 🙌 BTW - Your Video is Amazing 💓

@whataboutcoding Год назад

Thanks for being honest and frank. But I want to keep the video as raw and honest as i can. Jab bhi developement krte hai easpecially ui me to bhot baar aapko aise add ya remove krna padta hai.. agr aap soch rhe ho ki aapne ek baar code likhna shuru kiya aur bina error ka ya bina koi issue ka likh doge to its not possible... sry you dint liked it bt i cant change my way of teaching... glti kr raha hoon to wo bhi dikhaunga..shi kr rha hoon wo bhi.. hope you guy would understand..🙏

@Tuntunfunofficial Год назад

@@whataboutcoding SIR I ONLY WANT TO SAY YOUR TEACHING WAY IS REALLY AND AWESOME ❤️ But aap jab bhi tutorial banao tab jaha tak ho sake bootstrap yaa fir normal css ka use karle banaye is se hame thodi prblm kam hoti he code ko samjhne me kyuki koi naya framework aata he ek dam se to use use karne me thoda issue aata he as compare old framework 🙌 So plz I request to you next time when u record videos so plz use friendly framework like bootstrap , css ❤️ Mujhe apki videos se bht kuch sikhna he kyuki aapki videos kaafi acchi hoti he ❤️🤞

@whataboutcoding Год назад

@@Tuntunfunofficial noted ! Will take care next time. Even if I pick any new framework will try to explain it from basic to that you guys can understand . Only goal is to provide the most easy to consume coding videos. Also one suggestion to the viewers , be open to frameworks, you never know , which framework you might have to work upon.

@Tuntunfunofficial Год назад

@@whataboutcoding Thankyou Bhiya 💓

@vikramPahaadi99 6 месяцев назад

bhai tumhare comment se lgta hai tum chhap system ho bhai jab tak error nahi seekhoge tab tak kuchh na hoga

@neerajsharma4808 8 месяцев назад

Bhai yr apki website ni chal rahi page lost aara

@whataboutcoding 8 месяцев назад

Will be fixed in 1 hr. Thankyou for your patience.

@neerajsharma4808 8 месяцев назад

@@whataboutcodingamazing video brother 👏👏

@neerajsharma4808 8 месяцев назад

@@whataboutcodingbro jb hum product ko add to cart kr k ausko dec kr rahe hai to vo negative me le Raha hai sara data zero me remove hona chahiye tha ye logic missing h es code me .

@broken-wings391 10 месяцев назад

confusing variable names!!!

@toystory3167 2 месяца назад

I think u spent so much time on bootstrap thing, that can be avoided

@whataboutcoding 2 месяца назад

Noted.

@user-ft7ll7sq3n 9 месяцев назад

abe tumne apni khud ki website react js se nahi banaye aisa kyu

@whataboutcoding 9 месяцев назад

React js is originally developed for building web apps . Yes you can also build website as well. Coming to my blog , my main aim is to provide you guys high quality articles and code,, and wordpress gives me out the box all the required feature, plugins which helps me write top quality articles for you , along with seo. React is mainly not build for seo or writing blogs. By the way I have already build protfolio and hundreds of web app with react js. Point is learn to select what is best accordign to your use case . Hope i was able to answer your doubt.🙂

@user-ft7ll7sq3n 9 месяцев назад

bhiya me second year me hu btech me aur mujhe pira mern stack aata hai aur first year me ek internship bhi kiya tha app mujhe guide kariye na ki me kis tarike se paisa kama sakta hu please guide

@vikramPahaadi99 6 месяцев назад

@@user-ft7ll7sq3n bhai mern aata toh aap inse thodi puchhte mern aana or implement krna real time m dono m bhor fark hota hai😁