/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 vote196 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
10 votes178 views3 answers
Query string in react js
Javascript React
26 votes170 views5 answers
React image
Javascript React
0 vote157 views2 answers
React native navigation header Right
Javascript React
0 vote180 views1 answer
React hooks link to external site
Javascript React
6 votes181 views1 answer
React hooks scss supoort
Javascript React
0 vote176 views1 answer
React native fetch response code
Javascript React
1 vote163 views1 answer
React-native init AwesomeProject change port
Javascript React
0 vote160 views1 answer
React image onerror
Javascript React
18 votes166 views3 answers
How To Hide React Navigation Header in React Native
Javascript React