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

0 vote297 views1 answer
React inlinle style set background image
Javascript React
2 votes322 views1 answer
React dynamic import
Javascript React
63 votes261 views6 answers
React router install
Javascript React
0 vote294 views1 answer
React hook form reset only one field
Javascript React
0 vote312 views1 answer
React toastify does not have design
Javascript React
0 vote270 views1 answer
Liquid indicators in react native
Javascript React
1 vote312 views1 answer
How to add button react native app.js
Javascript React
0 vote278 views1 answer
Making all makers to show in react native map
Javascript React
6 votes338 views1 answer
React native data map is not a function
Javascript React
0 vote272 views2 answers
React router dom v6
Javascript React