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

DEV201x: Introduction to TypeScript
Microsoft via edX
Developing Dynamic Web Applications Using Angular
Microsoft via edX
Introduction to TypeScript 2
Microsoft via edX
Multiplatform Mobile App Development with NativeScript
The Hong Kong University of Science and Technology via Coursera
Angular Fundamentals
Microsoft via edX