clean file structure

Author: bbandydd

package.json

@@ -5,8 +5,8 @@
   "main": "src/index.js",
   "scripts": {
     "clean": "rimraf dist/*",
-    "start": "webpack-dev-server --mode development --open --hot --config webpack.config.dev.js",
-    "dist": "npm run clean && webpack --mode production --config webpack.config.prod.js",
+    "start": "webpack-dev-server --mode development --open --hot --config webpack.config.js",
+    "dist": "npm run clean && webpack --mode production --config webpack.config.js",
     "deploy": "npm run dist && gh-pages -d dist",
     "build:docker": "npm run dist && docker build -t reactdocker .",
     "lint": "eslint ./src",

postcss.config.js

@@ -1,6 +1,6 @@
 // browser support list see here: https://github.com/ai/browserslist#queries
 module.exports = ({ file, options, env }) => ({
   plugins: {
-    'autoprefixer': { browsers: 'last 2 version' },
+    autoprefixer: { browsers: 'last 2 version' },
   }
-});
+});

src/containers/index.js

@@ -3,8 +3,9 @@ import React, { Component } from 'react';
 export default class Main extends Component {
   render() {
     return (
-      <div>
-        <span>Hello, I`m ReactMaker.</span>
+      <div style={{ textAlign: 'center' }}>
+        <h2>Hello, I`m ReactMaker.</h2>
+        <p>To get started, edit containers/index.js</p>
       </div>
     );
   }

src/index.js

@@ -1,25 +1,24 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { AppContainer } from 'react-hot-loader';
-import Main from 'containers/';
 
-ReactDOM.render(
-  <AppContainer>
-    <Main />
-  </AppContainer>,
-  document.getElementById('app')
-);
+const render = () => {
+  const Main = require('containers').default;
+
+  ReactDOM.render(
+    <AppContainer>
+      <Main />
+    </AppContainer>,
+    document.getElementById('app')
+  );
+};
+
+render();
 
 // migrate by this guide
 // https://github.com/gaearon/react-hot-loader/tree/master/docs#migration-to-30
 if (module.hot) {
   module.hot.accept('containers/', () => {
-    const NewMain = require('containers/').default;
-    ReactDOM.render(
-      <AppContainer>
-        <NewMain />
-      </AppContainer>,
-      document.getElementById('app')
-    );
+    render();
   });
 }

webpack.config.dev.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const HtmlWebPackPlugin = require("html-webpack-plugin");
+
 module.exports = {
   module: {
     rules: [