Route-based Code Splitting

juanmanueldaza · Dec 26, 2024 · 138b7bd · 138b7bd
1 parent 67ab581
commit 138b7bd
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,7 +1,12 @@
-import Slideshow from "./components/slideshow/Slideshow";
+import { lazy, Suspense } from "react";
+const Slideshow = lazy(() => import("./components/slideshow/Slideshow"));
 
-const App: React.FC = () => {
-  return <Slideshow />;
+const App = () => {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <Slideshow />
+    </Suspense>
+  );
 };
 
 export default App;