React Typescript Project Tutorial - Shopping Cart

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Continue building a Product Display and Shopping Cart from scratch in this React TypeScript project tutorial. Create components for the shopping cart and products display, implement custom hooks for cart and product management, and learn how to handle dynamic images with Vite and React. Optimize cart line items and products for improved performance. Follow along to complete the project, gaining hands-on experience with React and TypeScript integration.

Syllabus

Intro
Welcome
Project Overview
Initial Components
App component
Header & Nav components
useCart Custom Hook
Footer component
Progress Preview
Products Data
useProducts Custom Hook
ProductList component
Product component Pt. 1
Dynamic Images with Vite & React
Product component Pt. 2
Products Provider & Cart Provider
Progress Preview
Cart component
CartLineItem component
Completed Project
Optimizing Cart Line Items
Optimizing Products