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

2 votes111 views2 answers
Easiest way to show current date in react
Javascript React
1 vote95 views2 answers
Yarn react native cli
Javascript React
1 vote103 views1 answer
How to define state in react function
Javascript React
0 vote136 views1 answer
React-hook-form image
Javascript React
4 votes120 views4 answers
Class component react
Javascript React
0 vote108 views1 answer
React hooks link to external site
Javascript React
63 votes103 views3 answers
Concat two arrays in react
Javascript React
0 vote99 views1 answer
Use navigate in class component react native
Javascript React
0 vote121 views1 answer
Testing a function in jest on click react
Javascript React
4 votes119 views2 answers
Linking in react native
Javascript React