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 vote126 views1 answer
How to bound a state variable to a field react final form
Javascript React
3 votes121 views3 answers
Chart js react
Javascript React
0 vote130 views3 answers
React router browser refresh
Javascript React
1 vote115 views2 answers
Edit todo list react-redux
Javascript React
1 vote143 views1 answer
Textinput onpress react native
Javascript React
5 votes116 views1 answer
React dom
Javascript React
-2 votes131 views1 answer
Reactjs cut part of string
Javascript React
1 vote122 views2 answers
How to create react native app
Javascript React
8 votes158 views2 answers
React native rotate image
Javascript React
1 vote124 views1 answer
Change color react icon
Javascript React