YoVDO

React Typescript Project Tutorial - Shopping Cart - Part 1

Offered By: Dave Gray via YouTube

Tags

React Courses Web Development Courses Typescript Courses

Course Description

Overview

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX