React Lazy()

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

React Lazy()

const OtherComponent = React.lazy(() => import('./OtherComponent'));

Source: reactjs.org

Lazy react

import("./math").then(math => {
  console.log(math.add(16, 26));
});

Source: es.reactjs.org

Similar codes

0 vote312 views1 answer
Saving react code messing up in vsc
Javascript React
0 vote398 views1 answer
Show modal by using id in list react
Javascript React
0 vote343 views1 answer
Yarn add react-native-elements
Javascript React
16 votes333 views3 answers
What does the useReducer do in react
Javascript React
66 votes308 views6 answers
Routing react
Javascript React
11 votes318 views3 answers
React native text ellipsis
Javascript React
0 vote395 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
1 vote356 views1 answer
React waypoint loadmore not working
Javascript React
0 vote324 views1 answer
React children map
Javascript React
0 vote333 views1 answer
React '$' is not define
Javascript React