chee/create-parcel-react-app

## create-parcel-react-app
#!/bin/sh

name="$1"

mkdir $name
cd $name
yarn init -y
yarn add --dev babel-preset-react-app babel-plugin-transform-es2015-modules-commonjs
yarn add react react-dom
cat <<LOL > .babelrc
{
  "presets": ["react-app"],
  "plugins": ["transform-es2015-modules-commonjs"]
}
LOL

cat <<WOW > index.html
<!doctype html>
<title>Welcome to $name</title>
<div id="root"></div>
<script src="./src/index.js"></script>
WOW

mkdir src

cat <<OK > src/index.js
import React from 'react'
import {render} from 'react-dom'

import App from './app'

const root = document.getElementById('root')

render(<App />, root)
OK

cat <<APP > src/app.js
import React, {PureComponent} from 'react'

export default class App extends PureComponent {
  render () {
    return (
      <div>Welcome to $name</div>
    )
  }
}
APP
	#!/bin/sh

	name="$1"

	mkdir $name
	cd $name
	yarn init -y
	yarn add --dev babel-preset-react-app babel-plugin-transform-es2015-modules-commonjs
	yarn add react react-dom
	cat <<LOL > .babelrc
	{
	"presets": ["react-app"],
	"plugins": ["transform-es2015-modules-commonjs"]
	}
	LOL

	cat <<WOW > index.html
	<!doctype html>
	<title>Welcome to $name</title>
	<div id="root"></div>
	<script src="./src/index.js"></script>
	WOW

	mkdir src

	cat <<OK > src/index.js
	import React from 'react'
	import {render} from 'react-dom'

	import App from './app'

	const root = document.getElementById('root')

	render(<App />, root)
	OK

	cat <<APP > src/app.js
	import React, {PureComponent} from 'react'

	export default class App extends PureComponent {
	render () {
	return (
	<div>Welcome to $name</div>
	)
	}
	}
	APP