Learn your way! Get started

React by Example, Part 4 of 7: Products to Cart Logic

with expert John Smilga

Watch trailer

Course at a glance

Included in these subscriptions:

Dev & IT Pro Video
Dev & IT Pro Power Pack

	Release date	9/6/2019
	Level	Intermediate
	Runtime	1h 17m
	Closed captioning	N/A
	Transcript	N/A
	eBooks / courseware	N/A
	Hands-on labs	N/A
	Sample code	Included
	Exams	N/A

Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

React is a Javascript library for building user interfaces. This course shows how to add logic for adding products to the shopping cart and makes sure add to cart works one every page it occurs.

Prerequisites

This course is a continuation of the React Series. React, Part 1 of 7: React Basics React, Part 2 of 7: Intermediate React React, Part 3 of 7: City Tours Project React, Part 4 of 7: Advanced React React, Part 5 of 7: TODO Project React, Part 6 of 7: Food2Fork Project React, Part 7 of 7: Tech Store Intro Part 7 of 7 will be very helpful as the Tech store buildout is continued

Meet the expert

John Smilga is a Front-End Web Developer in the Los Angeles Area. John has a Bachelor’s Degree in Software Development. He spends most of his time working with Javascript, CSS3, and HTML5, and he is passionate about everything related to web development. He learns from the community and loves to share with the community what he has learned. He strives to explain very complex topics in a simple manner that everyone can understand.

Course outline

Product to Cart Logic

Add Cart Logic (16:13)

Introduction (00:13)
Add To Cart Logic (08:01)
TempCart (07:51)
Summary (00:08)

Add Totals Logic (11:25)

Introduction (00:08)
Add Totals Logic (05:09)
Total (06:00)
Summary (00:08)

Sync Storage Logic (08:58)

Introduction (00:08)
Sync Storage Logic (05:19)
Parse (03:23)
Summary (00:08)

Set Single Product (06:55)

Introduction (00:08)
Set Single Product Logic (04:01)
Loading (02:38)
Summary (00:08)

Single Products Page (21:00)

Introduction (00:08)
Single Product Page (10:12)
Contentful Image (10:31)
Summary (00:08)

Side Cart Componenet (13:03)

Introduction (00:08)
Side Cart Component (07:03)
Cart Total (05:43)
Summary (00:08)