Code splitting react

Lazy react

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

Code splitting react

// MyApp.js
import React, { lazy } from 'react';
const MyComponent = lazy(() => import("./MyComponent.js"));

Source: reactjs.org

Similar codes

5 votes137 views3 answers
Fetch in react
Javascript React
0 vote135 views2 answers
Why navlink in react router always active
Javascript React
0 vote91 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote138 views4 answers
Router react how to pass data to class component
Javascript React
0 vote129 views1 answer
Jest mock react router params
Javascript React
3 votes132 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote143 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
2 votes121 views2 answers
React aws s3 npm
Javascript React
1 vote138 views1 answer
React native slow performance after load iamges
Javascript React
0 vote124 views1 answer
Only numbers or string. Input field in React
Javascript React