> For the complete documentation index, see [llms.txt](https://shopify-1.gitbook.io/react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shopify-1.gitbook.io/react/exercises/1.-productlist-light/step-1.md).

# Step 1

## 1. Setup `create-react-app`

Take a look at the [Getting started page](https://github.com/shopify/react/tree/2fb346599c5d7e9d0fed4b8351ed9d6c6cd8300e/Exercises/LightProductList/GETTING_STARTED.md) and make sure you have `create-react-app` up and running.

## 2. Download product list as JSON

* Find your favorite Shopify store, eg. [Chubbies](https://www.chubbiesshorts.com/) and download the list of products as JSON by going to the [`/products.json`](https://www.chubbiesshorts.com/products.json) URL.
* Add the downloaded file to your project, you will be able to import it as JSON in your code by doing:

```javascript
// App.js
import products from './products.json';
```

⚠️ Importing a JSON file is made possible here because you are using `create-react-app`. Under the hood, `create-react-app` has a webpack configuration that allows you to import JSON file.