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 vote261 views3 answers
React redux how to change object value in reducer
Javascript React
0 vote278 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
0 vote228 views1 answer
How to use algolia react native
Javascript React
0 vote267 views1 answer
React set state before render
Javascript React
0 vote316 views1 answer
React chunk file too large
Javascript React
-1 vote311 views1 answer
React-native-geolocation-service
Javascript React
1 vote324 views1 answer
React component key prop
Javascript React
6 votes316 views1 answer
How to import dotenv in react
Javascript React
5 votes274 views4 answers
Export default react
Javascript React
0 vote265 views1 answer
React state deconstructed
Javascript React