|
@@ -1,25 +1,22 @@
|
|
|
-import React from 'react'
|
|
|
-import { Root, Routes, addPrefetchExcludes } from 'react-static'
|
|
|
+import React from "react";
|
|
|
+import { Root, Routes, addPrefetchExcludes } from "react-static";
|
|
|
//
|
|
|
-import { Link, Router } from 'components/Router'
|
|
|
-import Dynamic from 'containers/Dynamic'
|
|
|
+import { Link, Router } from "components/Router";
|
|
|
+import Dynamic from "containers/Dynamic";
|
|
|
|
|
|
-import './app.css'
|
|
|
+import "./app.css";
|
|
|
|
|
|
// Any routes that start with 'dynamic' will be treated as non-static routes
|
|
|
-addPrefetchExcludes(['dynamic'])
|
|
|
+addPrefetchExcludes(["dynamic"]);
|
|
|
|
|
|
function App() {
|
|
|
return (
|
|
|
<Root>
|
|
|
<nav>
|
|
|
<Link to="/">Home</Link>
|
|
|
- <Link to="/about">About</Link>
|
|
|
- <Link to="/blog">Blog</Link>
|
|
|
- <Link to="/dynamic">Dynamic</Link>
|
|
|
</nav>
|
|
|
<div className="content">
|
|
|
- <React.Suspense fallback={<em>Loading...</em>}>
|
|
|
+ <React.Suspense fallback={<em>You're becoming stronger...</em>}>
|
|
|
<Router>
|
|
|
<Dynamic path="dynamic" />
|
|
|
<Routes path="*" />
|
|
@@ -27,7 +24,7 @@ function App() {
|
|
|
</React.Suspense>
|
|
|
</div>
|
|
|
</Root>
|
|
|
- )
|
|
|
+ );
|
|
|
}
|
|
|
|
|
|
-export default App
|
|
|
+export default App;
|