/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

1 vote145 views1 answer
@react-google-maps/api npm
Javascript React
16 votes121 views3 answers
Importing svg into react
Javascript React
0 vote125 views1 answer
How to write unit test cases in react js
Javascript React
0 vote129 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote75 views1 answer
Document is not defined react router
Javascript React
0 vote126 views1 answer
How to add react.memo in export list
Javascript React
0 vote131 views1 answer
Metro server not running react native
Javascript React
0 vote123 views1 answer
Loading react circular progress
Javascript React
3 votes113 views2 answers
React api call
Javascript React
0 vote124 views1 answer
External js doesn't works if revisit the page in react
Javascript React