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

1 vote223 views2 answers
React-native array.filter by index arrow function
Javascript React
0 vote207 views2 answers
React native setstate object
Javascript React
0 vote213 views1 answer
How to install react native hooks with npm
Javascript React
2 votes271 views2 answers
React native scrollview map
Javascript React
0 vote217 views1 answer
React dynamic load script
Javascript React
1 vote207 views1 answer
Change color react icon
Javascript React
0 vote240 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote218 views3 answers
React router browser refresh
Javascript React
1 vote261 views1 answer
Reactjs get checkbox value
Javascript React
1 vote235 views1 answer
How to position View absolute react native
Javascript React