Learn the Skills Netflix, Meta, and Capital One Actually Hire For
AI Engineer - Learn how to integrate AI into software applications
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
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