/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

2 votes115 views1 answer
React add gradient top to bottom
Javascript React
1 vote116 views2 answers
React alert popup
Javascript React
0 vote108 views1 answer
React tooltip on disabled button
Javascript React
14 votes122 views5 answers
React conditional classname
Javascript React
0 vote108 views1 answer
React native tab.screen hide title
Javascript React
0 vote104 views1 answer
Dark mode with react hooks
Javascript React
0 vote110 views1 answer
React native update state object inside object
Javascript React
0 vote106 views1 answer
Ng-class equivalent in react
Javascript React
32 votes109 views5 answers
React disable eslint errors
Javascript React
0 vote102 views1 answer
React native open simulators list
Javascript React