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

3 votes414 views3 answers
How to update react app
Javascript React
0 vote365 views1 answer
HandleClickoutside custom hook react
Javascript React
0 vote363 views1 answer
Clear React Native TextInput
Javascript React
0 vote347 views1 answer
React createElement interactive button
Javascript React
0 vote379 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
0 vote362 views1 answer
React native navigate two screens back
Javascript React
0 vote358 views1 answer
React native button top right
Javascript React
0 vote355 views1 answer
Salvar no localStorage react
Javascript React
1 vote350 views1 answer
Difference between dom and react dom
Javascript React
0 vote351 views3 answers
Django send and receive image data to react
Javascript React