Falconerd/stuff.js

## stuff.js
$ npm i -S react redux react-redux react-dom webpack@2* webpack-dev-server@2*
$ npm i -D babel-core babel-loader babel-preset-es2015 babel-preset-react


// webpack.config.js
module.exports = {
  context: __dirname + '/src',
  entry: {
    app: './index.js'
  },
  output: {
    path: __dirname + '/dist',
    filename: '[name].bundle.js',
    publicPath: '/assets'
  },
  devServer: {
    contentBase: __dirname + '/src'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: [{
          loader: 'babel-loader',
          options: { presets: ['es2015', 'react']}
        }]
      }
    ]
  }
};

// src/index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Crucible</title>
  </head>
  <body>
    <div id="root"></div>
    <script src="/assets/app.bundle.js"></script>
  </body>
</html>

// src/app.js
import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>Sup?</div>
    );
  }
}

// src/index.js
import React from 'react';
import { render } from 'react-dom';
import App from './app.js';

render(<App />, document.getElementById('root'));
	$ npm i -S react redux react-redux react-dom webpack@2* webpack-dev-server@2*
	$ npm i -D babel-core babel-loader babel-preset-es2015 babel-preset-react


	// webpack.config.js
	module.exports = {
	context: __dirname + '/src',
	entry: {
	app: './index.js'
	},
	output: {
	path: __dirname + '/dist',
	filename: '[name].bundle.js',
	publicPath: '/assets'
	},
	devServer: {
	contentBase: __dirname + '/src'
	},
	module: {
	rules: [
	{
	test: /\.js$/,
	use: [{
	loader: 'babel-loader',
	options: { presets: ['es2015', 'react']}
	}]
	}
	]
	}
	};

	// src/index.html
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Crucible</title>
	</head>
	<body>
	<div id="root"></div>
	<script src="/assets/app.bundle.js"></script>
	</body>
	</html>

	// src/app.js
	import React, { Component } from 'react';

	export default class App extends Component {
	render() {
	return (
	<div>Sup?</div>
	);
	}
	}

	// src/index.js
	import React from 'react';
	import { render } from 'react-dom';
	import App from './app.js';

	render(<App />, document.getElementById('root'));