aboutsummaryrefslogtreecommitdiff
path: root/vnext/src
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2018-09-18 15:03:20 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:53 +0300
commit5142179acd1600dd09b70cf11db2a55e018a9ff7 (patch)
tree6620974d00b17780fbeec1f1e38a56e815093c94 /vnext/src
parent6fbd2409121ffb0b74e89ce5a6b167bb4b39f9eb (diff)
dynamic import
Diffstat (limited to 'vnext/src')
-rw-r--r--vnext/src/index.js15
-rw-r--r--vnext/src/style/main.css4
-rw-r--r--vnext/src/views/index.html4
3 files changed, 14 insertions, 9 deletions
diff --git a/vnext/src/index.js b/vnext/src/index.js
index 24fe9352..74e36d84 100644
--- a/vnext/src/index.js
+++ b/vnext/src/index.js
@@ -1,11 +1,14 @@
import React from 'react';
import ReactDOM from 'react-dom';
+import Loadable from 'react-loadable';
-import App from './App';
+const Juick = Loadable({
+ loader: () => import('./App'),
+ loading: () => <div>Loading...</div>
+});
-let container = document.createElement('div');
-ReactDOM.render(<App />, container);
-let body = document.getElementById('content').parentNode;
-body.replaceChild(container.getElementsByTagName('header')[0], body.querySelector('#header'));
-body.replaceChild(container.querySelector('#content'), body.querySelector('#content'));
+const JuickApp = () => (
+ <Juick />
+);
+ReactDOM.render(<JuickApp />, document.getElementById('body'));
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 6d78c7eb..77cc56cb 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -87,7 +87,7 @@ noscript article {
background: #006699;
color: #fff;
}
-body > header {
+#body > header {
position: fixed;
top: 0;
width: 100%;
@@ -138,7 +138,7 @@ body > header {
min-width: 310px;
width: auto;
}
- body > header {
+ #body > header {
margin-bottom: 15px;
}
}
diff --git a/vnext/src/views/index.html b/vnext/src/views/index.html
index e5862bc1..f9fb7e72 100644
--- a/vnext/src/views/index.html
+++ b/vnext/src/views/index.html
@@ -42,7 +42,8 @@
</script>
</head>
-<body id="body">
+<body>
+ <div id="body">
<div id="header">
<div id="header_wrapper">
<div id="logo"><a href="/">Juick</a></div>
@@ -56,6 +57,7 @@
</article>
</noscript>
</div>
+ </div>
<div id="footer">
<div id="footer-right"> &middot;
<a href="/help/contacts" rel="nofollow">Contacts</a> &middot;