How To Create An Advanced Shopping Cart With React and TypeScript

Shopping carts are one of the most common things you will build as a web developer, but there is a lot that goes into building a good shopping cart. In this video I will show you how to build a fully functional shopping cart using React, TypeScript, and Bootstrap. This is a great intermediate level project.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:30 - Demo
01:08 - Project Setup
04:45 - Routing
08:02 - Navbar
15:35 - Store Page
30:00 - Shopping Cart Context
44:40 - Shopping Cart Component
56:45 - useLocalStorage Hook

#TypeScript #WDS #React

[anasalhariri]

I want to thank you man, with your awesome courses and tutorials I finally got my first job. I deeply appreciate your great efforts. Huge love and respect. Stay awesome as always.

[rvft]

Literally one of the best channels on the platform. Always bringing stuff that we all are in need of! Thank you so much for all the effort, you can't even imagine how much you are helping us! God bless you.

[pedrolefteen]

A huge result for an one hour duration tutorial. Thank you!

[riyadhossain]

This tutorial is really helpful to those who started integrating TS with React. Thanks a lot.

[yoJuicy]

Off topic, but I had been looking for a React Hooks course and didnt realize you just made one! going to complete it this week. Thank you for consistent, high quality content. you are helping thousands of developers across the globe!

[ninanordbo]

You make excellent content! Watched an older video on ditchin else statements last night and l am truly inspired by your way of deconstructing problem-solving. Your content is always on par so would just like to thank you for putting so much work into helping others become better developers. Brilliant!

[EzeJ]

Your content is SICK! Please do more React-TypeScript, i would love to see you coding a MERN + TypeScript project

[jenso]

your videos are so good, they show me how much more I have to learn to make truly professional sites like this. I’ve finally gotten to the point I can make full stack web apps, and I’m proud of myself for that, but my code always feels sloppy and unorganized. thanks for the inspiration!

[Rahulyadav-lvdh]

was waiting for typescript project from a long time fr. Thanks kyle, really looking forward to building this

[VishalKumar-dvqj]

I know it's going to be very helpful. Thank you very much. This is all that I needed.

[johnherrera]

Master! One of the best tutorials I have ever watched. Thank you !!!

[tomiebayly]

hey i appreciate that you show the product in the demo part which let us visualize how the project going to turn out
big thanks man

[andgoedu]

Dude your videos are freaking awesome, i usually learn from people like yourself sir, and turn these projects into a full stack project connect an api, backend and so on, on my own i just wanted to say your awesome and keep up the simplicity <3 always beautiful and take care man

[noorsh]

Thank you for this. Great one. I've finally got a good grasp on how to use TypeScript in a real world situation. Thanks again

[Thassalocracy]

Thank u SO much, the parts about handling typescript and the local storage have been extremely illuminating for me. I honestly am thinking about buying the full course😃

[martinmohammed]

It was a very nice tutorial. Especially because this video is so up to date (React V18, React Router Dom V6). Thanks for everything, I learned a lot.

[camilahatakeyama]

Just a quick note: React-Bootstrap's documentation says that "You should import individual components like: react-bootstrap/Button rather than the entire library. Doing so pulls in only the specific components that you use, which can significantly reduce the amount of code you end up sending to the client." So in this video's case, the import ideally would be 'import NavbarBs from 'react-bootstrap/Navbar''

[brenosantin]

awesome, it’s hard to find react videos that uses typescript, loved the video. thanks kyle

[brilliantatosam]

Exactly what I was looking for.
Bless you Kyle

[adeleke]

Thank you Kyle for this amazing tutorial. Really helped me.