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

1 vote93 views1 answer
How to run an existing react project
Javascript React
0 vote103 views1 answer
Run react android
Javascript React
0 vote98 views1 answer
React generate ethereum address
Javascript React
10 votes58 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote125 views1 answer
React native sovrapporre immagini
Javascript React
0 vote106 views2 answers
Dispay react component after some time
Javascript React
9 votes99 views5 answers
How to add array data on state react
Javascript React
0 vote105 views1 answer
React native float upto 2 digits
Javascript React
0 vote113 views1 answer
Javascript react useState update object
Javascript React
12 votes102 views4 answers
Uninstall material ui react
Javascript React