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

DEV201x: Introduction to TypeScript
Microsoft via edX
Developing Dynamic Web Applications Using Angular
Microsoft via edX
Introduction to TypeScript 2
Microsoft via edX
Multiplatform Mobile App Development with NativeScript
The Hong Kong University of Science and Technology via Coursera
Angular Fundamentals
Microsoft via edX