React - How To Create An Advanced Shopping Cart With React and TypeScript

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified shopping cart js shopping cart shopping cart react js shopping cart react shopping cart react javascript react js react javascript react react ts react typescript shopping cart typescript

Full Transcript

FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today 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: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today GitHub Code: https://github.com/WebDevSimplified/react-ts-shopping-cart 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ 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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome