Code splitting 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

Code splitting react

// MyApp.js
import React, { lazy } from 'react';
const MyComponent = lazy(() => import("./MyComponent.js"));

Source: reactjs.org

Similar codes

1 vote136 views1 answer
React conditional array item
Javascript React
11 votes103 views4 answers
Eslint disable react
Javascript React
0 vote114 views1 answer
React native length of object
Javascript React
1 vote134 views1 answer
React native remove text from string
Javascript React
18 votes105 views6 answers
Import svg as react component
Javascript React
0 vote118 views1 answer
Flutter or react native
Javascript React
0 vote116 views1 answer
Eslint init settings for ReactJS
Javascript React
1 vote313 views1 answer
Rendering, reconciliation and committing in react
Javascript React
1 vote105 views1 answer
How to populate a checkbox from an api react
Javascript React
0 vote114 views1 answer
Get position of element in react
Javascript React