-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.js
39 lines (31 loc) · 890 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import React from "react";
import { hydrate } from "react-dom";
import { SSR } from "async-react-router";
import setRoute from "./routes";
import "bootstrap/dist/css/bootstrap.css";
import "font-awesome/css/font-awesome.min.css";
import "nprogress/nprogress.css";
// Create route object.
const router = SSR.createRouter();
// Set data from server
router.setInitialProps(
JSON.parse(document.getElementById("initial-props").innerText)
);
// Set route.
setRoute(router);
// Render.
router.run((Root) => {
hydrate(<Root />, document.getElementById("app"));
});
if (module.hot) {
module.hot.accept("./routes", () => {
const setRoute = require("./routes").default;
const router = SSR.createRouter();
// Set route.
setRoute(router);
// Render.
router.run((RootComponent) => {
hydrate(<RootComponent />, document.getElementById("app"));
});
});
}