/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

32 votes135 views6 answers
Usestate react
Javascript React
0 vote129 views1 answer
How to add icon in react
Javascript React
1 vote134 views1 answer
React vscode stop auto close tag
Javascript React
2 votes118 views2 answers
React aws s3 npm
Javascript React
8 votes119 views3 answers
Change title react
Javascript React
0 vote140 views1 answer
Unistall react node package
Javascript React
0 vote139 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote133 views1 answer
React js and graphql integration
Javascript React
1 vote123 views1 answer
Toggle drawer react native
Javascript React
0 vote144 views1 answer
React-template-helper
Javascript React