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

4 votes126 views1 answer
How to send axios delete to the backend reactjs
Javascript React
68 votes131 views4 answers
Inline styling react
Javascript React
1 vote78 views1 answer
React use callback
Javascript React
2 votes150 views2 answers
React native settimeout
Javascript React
4 votes164 views1 answer
Carousel react
Javascript React
20 votes122 views4 answers
Conditional Rendering in React js
Javascript React
1 vote129 views1 answer
React native get current time
Javascript React
1 vote130 views2 answers
How to prevent render in react
Javascript React
1 vote120 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
0 vote127 views5 answers
React redux cheat sheet
Javascript React