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 vote267 views1 answer
React counter input
Javascript React
0 vote227 views1 answer
How to embed an expression in react js
Javascript React
0 vote234 views1 answer
Ui5 React bind element
Javascript React
0 vote230 views1 answer
Empty div react
Javascript React
0 vote224 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
1 vote232 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
4 votes239 views6 answers
React-native shadow generator
Javascript React
0 vote235 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
0 vote224 views1 answer
Render a react component only after API response is received
Javascript React
0 vote231 views1 answer
React bootstrap navbar align right buttons
Javascript React