up n_m

node_modules/react-loadable-ssr-addon-v5-slorber/example/components/multilevel/Multilevel.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import Loadable from "react-loadable";
+import Loading from "../Loading";
+
+const SharedMultilevelExample = Loadable({
+  loader: () => import(/* webpackChunkName: "shared-multilevel" */'./SharedMultilevel'),
+  loading: Loading,
+});
+
+const DeeplevelExample = Loadable({
+  loader: () => import(/* webpackChunkName: "deeplevel" */'./level-1/level-2/DeepLevel'),
+  loading: Loading,
+});
+
+export default function Multilevel() {
+  return (
+    <div>
+      <hr />
+      Multilevel with Shared Component Example.
+      <SharedMultilevelExample />
+      Loading from a DeepLevel
+      <DeeplevelExample />
+      <hr />
+    </div>
+  );
+}

node_modules/react-loadable-ssr-addon-v5-slorber/example/components/multilevel/SharedMultilevel.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+/* eslint-disable react/jsx-one-expression-per-line */
+export default function SharedMultilevel() {
+  return (
+    <ul>
+      <li>
+        this is a <strong>shared multilevel</strong> component
+      </li>
+    </ul>
+  );
+}
+/* eslint-enable react/jsx-one-expression-per-line */

node_modules/react-loadable-ssr-addon-v5-slorber/example/components/multilevel/level-1/level-2/DeepLevel.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import Loadable from "react-loadable";
+import Loading from "../../../Loading";
+
+const SharedMultilevelExample = Loadable({
+  loader: () => import(/* webpackChunkName: "shared-multilevel" */'../../SharedMultilevel'),
+  loading: Loading,
+});
+
+export default function DeepLevel() {
+  return (
+    <div>
+      <SharedMultilevelExample />
+    </div>
+  );
+}