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

48 votes119 views1 answer
Emmet not working in react nextjs
Javascript React
0 vote110 views2 answers
React hook toggle state
Javascript React
32 votes134 views1 answer
How to do routes react js
Javascript React
0 vote117 views1 answer
React open on different url instead of localhost
Javascript React
0 vote119 views1 answer
Bottom shadow in react native
Javascript React
0 vote73 views1 answer
React native change image color
Javascript React
1 vote118 views2 answers
React capitalize first letter
Javascript React
0 vote127 views1 answer
Code in nested forEach loop- react native
Javascript React
1 vote138 views1 answer
Retour a la ligne <p> react
Javascript React
0 vote136 views3 answers
Get url parameter in react js
Javascript React