Lazy loading react

Lazy react

import React, { Suspense } from 'react';

const OtherComponent = React.lazy(() => import('./OtherComponent'));

function MyComponent() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <OtherComponent />
      </Suspense>
    </div>
  );
}

Source: reactjs.org

Lazy loading react

 const Home = React.lazy(() => import("./Home"));

Similar codes

0 vote131 views2 answers
React barcode scanner
Javascript React
15 votes167 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote133 views1 answer
Express react docker container example
Javascript React
2 votes144 views1 answer
How to use `setState` callback on react hooks
Javascript React
1 vote130 views1 answer
React native flatlist margin bottom
Javascript React
0 vote127 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote136 views1 answer
Run react app in different port
Javascript React
17 votes140 views5 answers
React native background image
Javascript React
3 votes137 views1 answer
React native run on device command line
Javascript React
1 vote143 views1 answer
Tailwind css react craco package.json
Javascript React