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

4 votes138 views2 answers
React get url params in class component
Javascript React
1 vote138 views1 answer
How to store array into react-native local storage
Javascript React
0 vote137 views1 answer
Edit json text react
Javascript React
7 votes574 views2 answers
How to import js via script in react
Javascript React
1 vote129 views3 answers
Add react to existing project
Javascript React
1 vote130 views2 answers
Change text size according to screen react native
Javascript React
0 vote136 views1 answer
Prevent double tap in react native
Javascript React
0 vote155 views1 answer
React fontawesome exchange icon
Javascript React
0 vote140 views1 answer
React native map not loading
Javascript React
4 votes219 views3 answers
React native keystore
Javascript React