/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

0 vote384 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
1 vote352 views1 answer
Minimum flatlist size react native
Javascript React
0 vote386 views1 answer
React locomotive-scroll
Javascript React
0 vote373 views1 answer
React native no android sdk found
Javascript React
0 vote399 views1 answer
React-hook-form image
Javascript React
0 vote332 views1 answer
Ts(2749) react testing library
Javascript React
0 vote371 views1 answer
How to put react compnent to bottom
Javascript React
5 votes299 views1 answer
Add icon material ui
Javascript React
2 votes399 views1 answer
Dynamic import in reactjs
Javascript React
0 vote334 views1 answer
React open url with button
Javascript React