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 vote212 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
0 vote220 views2 answers
Reactjs hello world
Javascript React
0 vote251 views1 answer
Ionic react use yarn
Javascript React
4 votes261 views2 answers
React usememo vs usecallback
Javascript React
11 votes204 views4 answers
React native flatlist
Javascript React
1 vote236 views1 answer
Import library react js
Javascript React
0 vote199 views2 answers
Batch react-redux
Javascript React
0 vote211 views1 answer
Take string until react
Javascript React
5 votes214 views6 answers
Box shadow in react native
Javascript React
1 vote210 views3 answers
React redux how to change object value in reducer
Javascript React