Google, IBM & Microsoft Certificates — All in One Plan
Get 20% off all career paths from fullstack to AI
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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
Taught by
Dave Gray