/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 vote161 views2 answers
React Class components LifeCycles
Javascript React
18 votes145 views3 answers
How to setup tailwind for reactjs
Javascript React
18 votes144 views4 answers
React get route params
Javascript React
140 votes491 views5 answers
React js installation
Javascript React
32 votes137 views2 answers
Npm react router dom@5
Javascript React
4 votes169 views1 answer
Add array of object to state react
Javascript React
1 vote139 views1 answer
Component vs container react
Javascript React
1 vote137 views1 answer
Conditional style react native
Javascript React
0 vote142 views1 answer
Radio button in react native expo
Javascript React
-2 votes181 views3 answers
React and express
Javascript React