/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 vote276 views3 answers
Form action using react
Javascript React
0 vote251 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
10 votes233 views2 answers
React text input onchange
Javascript React
0 vote207 views3 answers
Flash effect in react native
Javascript React
0 vote247 views1 answer
Image and video lightbox react
Javascript React
1 vote229 views1 answer
Responsive calc height react native
Javascript React
1 vote235 views1 answer
Typing refs react
Javascript React
0 vote254 views1 answer
Formdata append react js
Javascript React
-1 vote239 views1 answer
New Map() collection in react state
Javascript React
0 vote243 views1 answer
React-data-table-component edit action
Javascript React