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

2 votes215 views2 answers
React native asign width to image
Javascript React
4 votes206 views1 answer
React propthpes or
Javascript React
0 vote233 views1 answer
Casl react redux
Javascript React
1 vote220 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
2 votes202 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
17 votes207 views5 answers
React native background image
Javascript React
0 vote211 views1 answer
Namespace react has no export member FC
Javascript React
1 vote304 views1 answer
Reactnode prop-types
Javascript React
0 vote224 views1 answer
Start live server react js
Javascript React
1 vote267 views1 answer
UseScreens() react native
Javascript React