/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 vote290 views1 answer
React-redux todo list
Javascript React
0 vote223 views1 answer
How to add alternate image in img tag in react
Javascript React
9 votes204 views6 answers
How to check react version
Javascript React
0 vote209 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote222 views1 answer
Geocoding react
Javascript React
0 vote229 views1 answer
React bootstrap make col disapear in small screens
Javascript React
1 vote220 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote212 views1 answer
How to disable react in jsx scope eslint
Javascript React
0 vote230 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
0 vote237 views1 answer
React conditional if localhost
Javascript React