Shopify Theme with React Tutorial

codetutorials


Regular price $120.00
Shopify Theme with React Tutorial
Shopify Theme with React Tutorial
Shopify Theme with React Tutorial

In this video tutorial series we will make a simple Product page and cart pop out for a Shopify Theme, integrating React.js and the Storefront API. This series is aimed at beginner to intermediate developers who are comfortable with Javascript and have a base understanding of React.js and Shopify.


By the end of this tutorial you’ll have a product page with a pop out cart managed entirely in React.js. You can extend this project to build out a full store front, leveraging React for elements that are more data or interaction heavy.

 

Videos:

  1. Setting Up a Shopify Theme with React.js
  2. GraphQL Queries and the Product Page
  3. Displaying Product Information with React.js
  4. GraphQL Mutations and the Cart
  5. Persisting cart values with Local Storage

 

PDF:

We've included a PDF you can use to follow along with the videos. In here you'll find notes, examples, and some code samples (if you want to do a little copy and pasting 😉) 

 

Github:

You'll get a link to a Github Repo with final version of the codebase and branches for each step along the way.