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 vote242 views5 answers
Play audio in react
Javascript React
4 votes210 views1 answer
Reactjs onclick open new page
Javascript React
0 vote217 views3 answers
React native shaddow
Javascript React
0 vote213 views1 answer
React Alert when rate changes
Javascript React
5 votes212 views1 answer
React dom
Javascript React
1 vote224 views1 answer
React usestate set is async
Javascript React
13 votes204 views4 answers
React native android build apk
Javascript React
2 votes201 views4 answers
Discord js remove reaction from user
Javascript React
0 vote264 views1 answer
Add Navbar to React Redux CRUD App
Javascript React
6 votes224 views2 answers
#react native shadow
Javascript React