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

3 votes334 views1 answer
React icons in nextJS
Javascript React
6 votes383 views1 answer
How to import dotenv in react
Javascript React
4 votes361 views4 answers
Class component react
Javascript React
0 vote341 views1 answer
Expo cli vs react native cli
Javascript React
4 votes329 views2 answers
Google map react search place
Javascript React
-1 vote339 views1 answer
React native toggle button with text
Javascript React
0 vote429 views1 answer
How set default value for react-select
Javascript React
0 vote347 views1 answer
React state as object
Javascript React
0 vote367 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote316 views1 answer
Export all functions from js file react
Javascript React