YoVDO

React Typescript Project Tutorial - Shopping Cart

Offered By: Dave Gray via YouTube

Tags

React Courses Web Development Courses Typescript Courses

Course Description

Overview

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX