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

0 vote186 views1 answer
Return <Text> using if condition react native
Javascript React
11 votes189 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote196 views1 answer
Import a component react js
Javascript React
1 vote196 views1 answer
Android resource linking failed react native image crop picker
Javascript React
0 vote179 views1 answer
Reference hook in react
Javascript React
0 vote183 views1 answer
React native add two view
Javascript React
0 vote175 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote194 views1 answer
React testing for links
Javascript React
1 vote187 views1 answer
Reactjs cloudflare
Javascript React
0 vote191 views1 answer
Dynamic classname react
Javascript React