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 - Part 1

Dave Gray via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Begin a React TypeScript project tutorial focused on building a product display and shopping cart from scratch. Learn to create the project using Vite, add product data, and implement components and context. Explore setting up product images, creating a products context, and working with promises, fetch, useEffect, and json-server. Dive into implementing a cart context reducer, developing a useCartContext hook, and establishing the cart context and provider. Follow along to gain hands-on experience in combining React with TypeScript for e-commerce functionality.

Syllabus

Intro
Welcome
Project Overview
Creating the Project with Vite
Adding Product Data
Components & Context Overview
Product Images
Products Context
Promise, Fetch, useEffect & json-server
Cart Context Reducer
useCartContext hook
Create the Cart Context
Cart Provider

Taught by

Dave Gray

Reviews

Start your review of React Typescript Project Tutorial - Shopping Cart - Part 1

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.