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 vote309 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
1 vote289 views1 answer
React addeventlistener useeffect
Javascript React
18 votes329 views2 answers
How to store an array in localstorage reactjs
Javascript React
0 vote329 views1 answer
Npm: Create react chrome extension
Javascript React
0 vote338 views1 answer
Get height webview from url video react native
Javascript React
0 vote362 views2 answers
React native use route params
Javascript React
0 vote312 views1 answer
React image source showing object module
Javascript React
1 vote349 views2 answers
React how to sleep 1 second
Javascript React
0 vote330 views1 answer
Dynamic useState in react
Javascript React
1 vote302 views2 answers
React datepicker documentation
Javascript React