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

19 votes194 views3 answers
React Hooks append state
Javascript React
0 vote188 views1 answer
Reactnative print in ios
Javascript React
0 vote246 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote180 views1 answer
Active link color different in react js
Javascript React
8 votes193 views3 answers
React js props
Javascript React
1 vote180 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
1 vote196 views1 answer
How to run an existing react project
Javascript React
0 vote163 views1 answer
Switch React Native Paper
Javascript React
1 vote173 views1 answer
Npx: Create react chrome extension
Javascript React
110 votes225 views2 answers
Create react js app
Javascript React