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 vote108 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
-1 vote97 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote110 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
0 vote138 views1 answer
React bootstrap button
Javascript React
0 vote112 views1 answer
Dropdown list value react fragment
Javascript React
0 vote107 views1 answer
React Alert when rate changes
Javascript React
2 votes101 views4 answers
Multiple export in react
Javascript React
112 votes138 views10 answers
React
Javascript React
1 vote115 views1 answer
Npm react redux logger
Javascript React
0 vote129 views1 answer
How to pass property component in react enzyme
Javascript React