hog-store/src/App.js at 8f99012678dba14c8f6b5170c9b51358c193fb9e · ModusCreateOrg/hog-store · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// @ts-nocheck
import React, { Suspense, lazy } from 'react';
import Hero from './components/Hero';
import Menu from './components/Menu';
import './App.css';

const Sidebar = lazy(() => import('./components/Sidebar'));
const Products = lazy(() => import('./components/Products'));
const BoringContent = lazy(() => import('./components/BoringContent'));
const Footer = lazy(() => import('./components/Footer'));

const App = () => (
  <>
    <Menu />
    <Suspense fallback={<div />}>
      <Sidebar />
    </Suspense>
    <div id="main">
      <Hero />
      <main>
        <Suspense fallback={<div />}>
          <Products />
        </Suspense>
        <Suspense fallback={<div />}>
          <BoringContent />
        </Suspense>
      </main>
    </div>
    <Suspense fallback={<div />}>
      <Footer />
    </Suspense>
  </>
);

export default App;