/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 vote319 views1 answer
How hooks handle dependency in react
Javascript React
0 vote321 views1 answer
React Rendering Movies
Javascript React
1 vote303 views2 answers
React capitalize first letter
Javascript React
0 vote362 views1 answer
Start withnreact
Javascript React
2 votes306 views1 answer
View background image in react native
Javascript React
133 votes488 views6 answers
Using bootstrap with react
Javascript React
1 vote357 views1 answer
Rendering, reconciliation and committing in react
Javascript React
17 votes287 views6 answers
React native build android
Javascript React
17 votes344 views5 answers
How to run react native app
Javascript React
0 vote327 views2 answers
React Class components LifeCycles
Javascript React