<commit_before>---
date: '2016-12-07 16:33 +0100'
published: true
title: React - Boilerplate
category:
  - react
---
In this short article we are going to explore how to setup a React environment with Webpack.

This improves resource management compared to the vary basic approach discussed in [Simple Code Example](http://develdoe.com/2016/react-simple-code-example/).


*Make dir*:  

```bash
$ mkdir reactEnv
```

```
$ cd reactEnv
```

*NPM modules*:

```bash
$ npm init
```

```bash
$ npm install -g webpack@1.12.13
```

```bash<commit_msg>Created 2016-12-07-react-boilerplate.md<commit_after>---
date: '2016-12-07 16:33 +0100'
published: true
title: React - Boilerplate
category:
  - react
---
In this short article we are going to explore how to setup a React environment with Webpack.

This improves resource management compared to the vary basic approach discussed in [Simple Code Example](http://develdoe.com/2016/react-simple-code-example/).


*Make dir*:  

```bash
$ mkdir react-boilerplate
```

```
$ cd react-boilerplate
```

*NPM modules*:

```bash
$ npm init
```

```bash
$ npm install -g webpack@1.12.13
```

```bash
{'fraction_non_alphanumeric': 0.1437389770723104, 'fraction_numerical': 0.05114638447971781, 'mean_word_length': 3.9563318777292578, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1351748', 'n_tokens_mistral': 445, 'n_tokens_neox': 365, 'n_words': 124}