/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 vote415 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
0 vote383 views1 answer
Implementing state lifecycle in react class component
Javascript React
0 vote420 views1 answer
React native get route name
Javascript React
0 vote416 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote396 views1 answer
React-bootstrap problem-install new version
Javascript React
1 vote473 views1 answer
Change icon color react native elements
Javascript React
0 vote385 views1 answer
Using redux on react extension
Javascript React
2 votes394 views1 answer
Lifecycles if reactjs
Javascript React
11 votes390 views2 answers
React must be in scope when using jsx
Javascript React
5 votes431 views1 answer
Switch was not found in 'react-router-dom'
Javascript React