Setup login page template

Author: chen-robert

client/src/index.js

@@ -1,17 +1,16 @@
+import Router from 'preact-router'
+import Login from './login'
 import 'promise-polyfill/src/polyfill'
 import 'unfetch/polyfill/index'
 import 'regenerator-runtime/runtime'
 import { Component } from 'preact'
-import withStyles from './jss'
 
-export default withStyles({
-  root: {
-    color: 'red'
-  }
-}, class App extends Component {
-  render ({ classes }) {
+export default class App extends Component {
+  render () {
     return (
-      <h1 class={classes.root}>test</h1>
+      <Router>
+        <Login path='/login' />
+      </Router>
     )
   }
-})
+}

client/src/login.js

@@ -0,0 +1,14 @@
+import { Component } from 'preact'
+import withStyles from './jss'
+
+export default withStyles({
+  root: {
+    color: 'red'
+  }
+}, class App extends Component {
+  render ({ classes }) {
+    return (
+      <h1 class={classes.root}>Login</h1>
+    )
+  }
+})

package.json

@@ -39,6 +39,7 @@
     "nyc": "^15.0.0",
     "preact": "^10.3.1",
     "preact-cli": "^2.2.1",
+    "preact-router": "^3.2.1",
     "promise-polyfill": "^8.1.3",
     "regenerator-runtime": "^0.13.3",
     "standard": "^14.3.1",

yarn.lock

@@ -6605,6 +6605,11 @@ preact-router@^2.5.2:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/preact-router/-/preact-router-2.6.1.tgz#eec60a9f2c07a1ae4fbc6604d8a0415742fbbd89"
 
+preact-router@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/preact-router/-/preact-router-3.2.1.tgz#c7d12d8fc7a60bfbe5cadf23a234551bec783468"
+  integrity sha512-KEN2VN1DxUlTwzW5IFkF13YIA2OdQ2OvgJTkQREF+AA2NrHRLaGbB68EjS4IeZOa1shvQ1FvEm3bSLta4sXBhg==
+
 preact-transition-group@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/preact-transition-group/-/preact-transition-group-1.1.1.tgz#f0a49327ea515ece34ea2be864c4a7d29e5d6e10"