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 vote337 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
4 votes334 views1 answer
React bind function to component
Javascript React
4 votes324 views4 answers
Width 100% react native
Javascript React
0 vote351 views9 answers
How to run a cloned react native project
Javascript React
-1 vote296 views3 answers
Why we import react from react
Javascript React
0 vote324 views3 answers
React native version
Javascript React
24 votes296 views5 answers
React map array
Javascript React
0 vote314 views1 answer
React component visibility
Javascript React
0 vote347 views1 answer
Check scroll top height in react js
Javascript React
0 vote339 views1 answer
React native on expo finger print is working bt not in apk
Javascript React