upgrade to webpack 4 - complete overhaul

app/pages/home/home.scss

@@ -1,3 +1,3 @@
-.Home {
+.home {
   padding: 10px;
 }

app/pages/home/home.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
-import './Home.scss';
+import './home.scss';
 
 interface Props extends RouteComponentProps<any> {}
 
 interface State {}
 
-export default class Home extends React.Component<Props, State> {
+export class Home extends React.Component<Props, State> {
   constructor(props: Props) {
     super(props);
   }
 
-  render() {
-    return <div className="Home">test 123</div>;
+  public render(): JSX.Element {
+    return <div className="Home">test 123456</div>;
   }
 }

app/pages/index.ts

@@ -0,0 +1,2 @@
+export * from './home/home';
+export * from './not-found/not-found';

app/pages/not-found/not-found.scss

@@ -1,4 +1,4 @@
-.NotFound {
+.not-found {
   font-size: 20px;
   text-align: center;
   padding-top: 200px;

app/pages/not-found/not-found.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
-import './NotFound.scss';
+import './not-found.scss';
 
 interface Props extends RouteComponentProps<any> {}
 
 interface State {}
 
-export default class NotFound extends React.Component<Props, State> {
+export class NotFound extends React.Component<Props, State> {
   constructor(props: Props) {
     super(props);
   }
 
-  public render(): any {
-    return <div className="NotFound">404 Not Found</div>;
+  public render(): JSX.Element {
+    return <div className="not-found">404 Not Found</div>;
   }
 }