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 vote265 views1 answer
How to add comma in react map
Javascript React
11 votes257 views2 answers
How to add react icons using npm
Javascript React
0 vote244 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
1 vote256 views3 answers
Click outside React component
Javascript React
-1 vote224 views8 answers
React native
Javascript React
0 vote249 views1 answer
How to cause a whole page reload react redux
Javascript React
0 vote241 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
2 votes258 views1 answer
React native open email client
Javascript React
0 vote242 views1 answer
React-native firebase v9+ config
Javascript React
0 vote239 views1 answer
Javascript ReactDOM.render
Javascript React