<commit_before>[Flow] + [Babel] + [React] + [Webpack] = *Promised Victory*
--------
Do frontend development in modern and safe way **Right Now**. Please use this
repository as boilerplate.

```shell
# Install dependencies
npm install

# Build everything in watch mode (babel + webpack)
# Go to http://localhost:8080/webpack-dev-server/
npm start

# Type checking (flow)
npm test

# Build everything in production mode (flow + babel + webpack + minify)
npm run build
open index.html
```

### WOW
All javascripts in `src/` directory and all js libraries will be merged into one
`build/_bundle.js`
```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Hello, React!</title>
</head>
<body>
  <div id=example></div>

  <script src="build/_bundle.js"></script>
</body>
</html>
```
```jsx
// main.js
import React from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render(
  <div>
    <h1>Hello, React!</h1>
    <p>My own react practice!</p>
  </div>,
  document.getElementById('example')
);
```

[Flow]: http://flowtype.org/
[Babel]: https://babeljs.io/
[React]: https://facebook.github.io/react/
[Webpack]: https://webpack.github.io/<commit_msg>Simplify README<commit_after>[Flow] + [Babel] + [React] + [Webpack] = *Promised Victory*
--------
Do frontend development in modern and safe way **Right Now**. Please use this
repository as boilerplate.

```bash
npm install

npm test        # Static type check (flow)
npm run build   # Build everything at once
open index.html

npm start       # Do everything excep flow in watch mode
                # Go to http://localhost:8080/webpack-dev-server/
```

### WOW
All javascripts in `src/` directory and all js libraries will be merged into one
`build/_bundle.js`
```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Hello, React!</title>
</head>
<body>
  <div id=example></div>

  <script src="build/_bundle.js"></script>
</body>
</html>
```
```jsx
// @flow
import React from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render(
  <div>
    <h1>Hello, React!</h1>
    <p>My own react practice!</p>
  </div>,
  document.getElementById('example')
);
```

[Flow]: http://flowtype.org/
[Babel]: https://babeljs.io/
[React]: https://facebook.github.io/react/
[Webpack]: https://webpack.github.io/
{'fraction_non_alphanumeric': 0.17244405440982888, 'fraction_numerical': 0.00614304519526108, 'mean_word_length': 3.851063829787234, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 43, 'https://': 6, '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': '157738', 'n_tokens_mistral': 813, 'n_tokens_neox': 760, 'n_words': 232}