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 vote149 views1 answer
What difference between react func and class components
Javascript React
0 vote214 views1 answer
React currency format
Javascript React
0 vote242 views1 answer
Reactstrap form post
Javascript React
0 vote169 views1 answer
Radio button in reactive forms angular material
Javascript React
0 vote183 views1 answer
React nativ export default
Javascript React
9 votes94 views1 answer
Redux add to array
Javascript React
0 vote143 views1 answer
React tooltip doesn't work
Javascript React
-1 vote147 views2 answers
Email validation in react js
Javascript React
0 vote147 views1 answer
React build size
Javascript React
0 vote175 views1 answer
Install react-foundation library in react js
Javascript React