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 votes127 views2 answers
Entypo icons react native
Javascript React
0 vote130 views1 answer
Start withnreact
Javascript React
127 votes181 views3 answers
Make react app
Javascript React
0 vote122 views2 answers
How to check for enter keyPress in react native
Javascript React
0 vote131 views1 answer
React Redux reducer combineReducers exemple
Javascript React
3 votes127 views2 answers
React native image fit container
Javascript React
0 vote126 views1 answer
Mock createRef jest react functional component
Javascript React
5 votes128 views1 answer
How to create component in reactjs
Javascript React
1 vote142 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
24 votes118 views3 answers
Set port in react app
Javascript React