CHORE: Setup completed

Author: Ashish Kumar

.babelrc

@@ -0,0 +1,36 @@
+{
+    "presets": [
+        [
+            "@babel/preset-env", {
+                "modules": false,
+                "targets": [
+                    "last 3 versions", "not dead", "not < 1%"
+                ],
+                // "useBuiltIns": "usage"
+            }
+        ],
+        "@babel/preset-react"
+    ],
+    "plugins": [
+        "@loadable/babel-plugin",
+        "@babel/plugin-transform-runtime",
+        "@babel/syntax-dynamic-import",
+        [
+            "@babel/plugin-proposal-class-properties", {
+                "loose": true
+            }
+        ]
+    ],
+    "env": {
+        "prod": {
+            "plugins": [
+                [
+                    "transform-react-remove-prop-types", {
+                        "mode": "wrap",
+                        "ignoreFilenames": ["node_modules"]
+                    }
+                ]
+            ]
+        }
+    }
+}

.gitignore

@@ -0,0 +1,3 @@
+/client-build
+/server-build
+/node_modules

client/App.js

@@ -0,0 +1,15 @@
+import React, {Component} from "react";
+import { renderRoutes } from "react-router-config";
+import Routes from "./Routes";
+
+class App extends Component {
+    render() {
+        return (
+            <div className="page--container">
+                {renderRoutes(Routes)}
+            </div>
+        );
+    }
+}
+
+export default App;

client/AppContainer.js

@@ -0,0 +1,16 @@
+import React, {Component} from "react";
+import {renderRoutes} from "react-router-config";
+  
+
+class AppContainer extends Component {
+    render() {
+        return (
+            <React.Fragment>
+                {renderRoutes(this.props.route.routes)}
+            </React.Fragment>
+        );
+    }
+}
+
+
+export default AppContainer;

client/Routes.js

@@ -0,0 +1,28 @@
+import React from "react";
+import loadable from '@loadable/component';
+
+const Loading = () => <h1>Loading...</h1>;
+
+const AppContainer = loadable(() => import(/* webpackChunkName: "appcontainer", webpackPrefetch: true */ "./AppContainer"),{
+    fallback: Loading,
+    ssr: true
+});
+
+const Home = loadable(() => import(/* webpackChunkName: "home", webpackPrefetch: true */ "./containers/Home"),{
+    fallback: Loading,
+    ssr: true
+});
+
+
+export default [
+    {
+        component: AppContainer,
+        routes: [
+            {
+                exact: false,
+                path: "/",
+                component: Home,
+            },
+        ]
+    }
+];

client/actions/index.js

@@ -0,0 +1,7 @@
+import axios from 'axios';
+
+const axiosInstance = axios.create({
+    baseURL: `/api`,
+});
+
+export default axiosInstance;

client/api/index.js

@@ -0,0 +1,3 @@
+export default {
+    appBaseName: "/"
+}

client/config/api.js

@@ -0,0 +1,8 @@
+import {createBrowserHistory} from "history";
+import appConfig from "./appConfig";
+
+const history = createBrowserHistory({
+    basename: appConfig.appBaseName
+});
+
+export default history;