Lazy loading 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

Lazy loading react

 const Home = React.lazy(() => import("./Home"));

Similar codes

0 vote268 views1 answer
React avoid spreading non-dom props across component
Javascript React
0 vote259 views1 answer
React bootstrap profile card
Javascript React
0 vote273 views1 answer
React native scrollable
Javascript React
0 vote226 views1 answer
React check if mobile or desktop
Javascript React
1 vote199 views2 answers
Edit todo list react-redux
Javascript React
0 vote281 views1 answer
Download images from http link in react
Javascript React
0 vote204 views1 answer
React-native-apple-authentication
Javascript React
0 vote210 views1 answer
Import a component react js
Javascript React
0 vote237 views1 answer
React steam auth
Javascript React
31 votes224 views1 answer
Install react router dom and save
Javascript React