Merge branch 'gothree-frontend' into 178-about-page-3.0

merging in front end changes to modify for about page

go/go_ahead/src/Components/Pages/HomePage.js

+import React from 'react';
+
+export default class HomePage extends React.Component {
+    state = {};
+    render() {
+        return (
+            <div>
+                <p>Hello World! 1</p>
+            </div>
+        );
+    }
+}

go/go_ahead/src/Components/Pages/index.js

+import HomePage from './HomePage';
+
+export { HomePage };

go/go_ahead/src/Components/index.js

+import { HomePage } from './Pages';
+
+export { HomePage };

go/go_ahead/src/index.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { HashRouter, Route, Link } from 'react-router-dom';
+
+import { HomePage } from './Components';
+
+const Dhaynes = () => <p>dhaynes</p>;
+
+const App = () => (
+    <div>
+        <ul>
+            <li>
+                <Link to="/">Home</Link>
+            </li>
+            <li>
+                <Link to="/dhaynes">dhaynes</Link>
+            </li>
+        </ul>
+        <Route path="/" exact component={HomePage} />
+        <Route path="/dhaynes" component={Dhaynes} />
+    </div>
+);
+
+ReactDOM.render(
+    <HashRouter>
+        <App />
+    </HashRouter>,
+    document.getElementById('root')
+);

go/go_ahead/src/index.jsx

-import React from "react";
-import ReactDOM from "react-dom";
-
-ReactDOM.render(
-  <div>
-    <p>Hello Go 3 with React!</p>
-  </div>,
-  document.getElementById("root")
-);

package.json

 {
-  "name": "go",
-  "version": "3.0",
-  "description": "University-branded URL shortening",
-  "main": "index.js",
-  "repository": "git@git.gmu.edu:srct/go.git",
-  "author": "Mason SRCT",
-  "license": "Apache-2.0",
-  "private": false,
-  "scripts": {
-    "dev": "webpack --mode development ./go/go_ahead/src/index.jsx --output ./go/static/main.js --watch",
-    "build": "webpack --mode production ./project/frontend/src/index.js --output ./go/static/main.js"
-  },
-  "babel": {
-    "presets": [
-      "es2015",
-      "react"
-    ]
-  },
-  "dependencies": {
-    "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-2": "^6.24.1",
-    "react": "^16.4.2",
-    "react-dom": "^16.4.2",
-    "webpack": "^4.16.4",
-    "webpack-cli": "^3.1.0"
-  }
+    "name": "go",
+    "version": "3.0",
+    "description": "University-branded URL shortening",
+    "main": "index.js",
+    "repository": "git@git.gmu.edu:srct/go.git",
+    "author": "Mason SRCT",
+    "license": "Apache-2.0",
+    "private": false,
+    "scripts": {
+	"start": "yarn dev",
+        "dev": "webpack --mode development ./go/go_ahead/src/index.js --output ./go/static/main.js --watch",
+        "build": "webpack --mode production ./project/frontend/src/index.js --output ./go/static/main.js"
+    },
+    "babel": {
+        "presets": [
+            "@babel/preset-env",
+            "@babel/preset-react"
+        ],
+        "plugins": [
+            "@babel/plugin-proposal-class-properties"
+        ]
+    },
+    "dependencies": {
+        "@babel/core": "^7.1.2",
+        "@babel/plugin-proposal-class-properties": "^7.1.0",
+        "@babel/preset-env": "^7.1.0",
+        "@babel/preset-react": "^7.0.0",
+        "babel-core": "^6.26.3",
+        "babel-loader": "^8.0.4",
+        "babel-plugin-transform-class-properties": "^6.24.1",
+        "babel-preset-env": "^1.7.0",
+        "babel-preset-es2015": "^6.24.1",
+        "babel-preset-react": "^6.24.1",
+        "babel-preset-stage-2": "^6.24.1",
+        "react": "^16.4.2",
+        "react-dom": "^16.4.2",
+        "react-router-dom": "^4.3.1",
+        "webpack": "^4.16.4",
+        "webpack-cli": "^3.1.0"
+    }
 }

webpack.config.js

 module.exports = {
     module: {
-        rules: [{
-            test: /\.jsx$/,
-            exclude: /node_modules/,
-            use: {
-                loader: "babel-loader"
-            }
-        }]
-    }
+        rules: [
+            {
+                test: /\.(js|jsx)$/,
+                exclude: /node_modules/,
+                use: ['babel-loader'],
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['*', '.js', '.jsx'],
+    },
 };