/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

4 votes336 views1 answer
Enable emmit on react
Javascript React
0 vote396 views1 answer
TextInput cursor not shown react native
Javascript React
-1 vote337 views3 answers
Divider in react native
Javascript React
1 vote344 views1 answer
How to use react memo hooks
Javascript React
1 vote299 views1 answer
React native linking phone call
Javascript React
0 vote355 views1 answer
HandleClickoutside custom hook react
Javascript React
6 votes343 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote342 views1 answer
Nice react native shadow
Javascript React
64 votes342 views6 answers
React js router
Javascript React
1 vote345 views1 answer
How to test useEffect in react testing library
Javascript React