/Javascript/React/React code splitting (component based)

React code splitting (component based)

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

Similar codes

21 votes135 views6 answers
Shadow in react native
Javascript React
0 vote136 views1 answer
React bootstrap font awesome icons
Javascript React
0 vote148 views1 answer
React.createElement
Javascript React
0 vote128 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
3 votes194 views3 answers
How to uninstall react native cli globally
Javascript React
6 votes138 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote141 views1 answer
Link tag react
Javascript React
0 vote121 views1 answer
Content uri react native fs
Javascript React
0 vote140 views1 answer
React native run android common error
Javascript React
0 vote131 views1 answer
Scroll down react js typescript
Javascript React