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

5 votes234 views2 answers
React native components
Javascript React
2 votes265 views2 answers
How to change react icon color
Javascript React
15 votes274 views2 answers
Ternary react
Javascript React
45 votes265 views4 answers
Can't resolve 'react-router-dom'
Javascript React
0 vote226 views3 answers
How to serve React JS static files with express JS?
Javascript React
2 votes251 views1 answer
How to add multiple style attributes in react element
Javascript React
-1 vote239 views1 answer
React native smart splash screen
Javascript React
0 vote253 views1 answer
Change navigation animation react native
Javascript React
0 vote258 views1 answer
Download images from http link in react
Javascript React
0 vote310 views1 answer
React set multible attribute values
Javascript React