React Project: Ecommerce Template

In this tutorial, we’ll be creating a simple React app, which is based on an e-commerce template Sketch design

Code for the project is here: https://github.com/codebubb/react-ecommerce-template-tutorial

— Follow Me —
Twitter: https://www.twitter.com/codebubb
Facebook: https://www.facebook.com/juniordevelopercentral/
Blog: https://www.juniordevelopercentral.com/
— Thanks! —

React Project: Ecommerce Template
-----------------------------------------------------------------------
00:00 Introduction
00:38 Overview
03:33 Getting the API data
05:43 Creating the main Product component
12:17 Product Image Component
15:01 Product Info Component
21:56 Adding Styles
28:17 Related Items Components
35:29: Star Rating Component

So in this web development tutorial, we’ll be walking through creating a basic React app, which is an e-commerce template design that we’ll be splitting up in to components.

The point of the tutorial is to learn how to take a design and apply React principles to it in order to convert it into a React app.

We’ll be creating several different components throughout the tutorial such as the main Product Image and Info components along with a Related Items component and a Star Rating component in React.

Of course we’ll be adding SCSS styles to our React components as we go along to make sure they match the design.

Any questions, just pop a comment below!

Thanks as always for watching

#javascript #react Channel Handle @codebubb