Dynamic import example added

ArunMichaelDsouza · ArunMichaelDsouza · commit d8e7831a3968 · 2019-06-29T19:18:13.000+05:30
diff --git a/public/index.html b/public/index.html
@@ -1,6 +1,7 @@
 <html>
+
 <head>
-    <link rel="icon" href="./favicon.ico"/>
+    <link rel="icon" href="./favicon.ico" />
     <title>React suspense + webpack code splitting</title>
     <style>
         html,
@@ -49,6 +50,17 @@
 <body>
     <main id="app"></main>
     <script src="./build/bundle.js"></script>
+
+    <!-- Dynamic import example -->
+    <script type="module">
+        import('./index.js')
+            .then(module => {
+                console.log(module.default());
+            })
+            .catch(error => {
+                console.log(error);
+            })
+    </script>
 </body>
 
-</html>
+</html>
diff --git a/public/index.js b/public/index.js
@@ -0,0 +1,7 @@
+// Dynamically loaded module
+
+const module = () => {
+    return 'I am dynamically loaded!';
+};
+
+export default module;
diff --git a/src/components/Router.js b/src/components/Router.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import { BrowserRouter, Route, Link, Redirect } from "react-router-dom";
-
 import Home from './Home';
 import Profile from './Profile';
 import Messages from './Messages';
