Setting up a shop

We'll be using the code from Chapter 1, Diving Headfirst into ReactJS, as the basis for this web shop. Make a duplicate of the code from the first chapter and make sure that it's running before you continue making changes.


Copy the code to another directory and run it by executing node server.js. It should start up a server and automatically open a browser window for you.

Creating the layout

First of all, we need a basic layout for our webshop. There are many options available for you. For instance, you can choose any one of the many open source CSS frameworks, such as Bootstrap or Foundation, or you can strike your own path and build up a basic grid and bring in elements as you see fit.

For simplicity's sake, we'll be going with ...

Get ReactJS Blueprints now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.