Build the Finance Skills That Lead to Promotions — Not Just Certificates
Learn Python with Generative AI - Self Paced Online
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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