Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Typescript Project Tutorial - Shopping Cart

Dave Gray via YouTube

Overview

Limited-Time Offer: Up to 75% Off Coursera Plus!
7000+ certificate courses from Google, Microsoft, IBM, and many more.
This course teaches learners how to build a Product Display and Shopping Cart using React and Typescript. By the end of the course, students will be able to create components for both the shopping cart and the products display. The course covers topics such as creating initial components, using custom hooks, working with product data, and optimizing the final project. The intended audience for this course includes individuals interested in frontend web development, particularly those looking to enhance their skills in React and Typescript. The teaching method involves hands-on project-based learning with step-by-step guidance provided through video tutorials.

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

Reviews

Start your review of React Typescript Project Tutorial - Shopping Cart

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.