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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity