/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

3 votes313 views2 answers
React usestate functional update
Javascript React
6 votes297 views4 answers
Add items to a react array in hooks
Javascript React
0 vote285 views1 answer
Docker react js
Javascript React
13 votes308 views4 answers
Passing data in react router history,push
Javascript React
0 vote292 views1 answer
Exit ios inspector in react native
Javascript React
0 vote309 views3 answers
Proptypes for a react component
Javascript React
0 vote281 views1 answer
React file preview
Javascript React
4 votes302 views3 answers
Get params in react router dom v6
Javascript React
1 vote311 views1 answer
SFC in react
Javascript React
0 vote318 views1 answer
Node closes once you open app react-native
Javascript React