From 5142179acd1600dd09b70cf11db2a55e018a9ff7 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Tue, 18 Sep 2018 15:03:20 +0300
Subject: dynamic import

---
 vnext/src/index.js | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'vnext/src/index.js')

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'));
-- 
cgit v1.2.3