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

1 vote137 views1 answer
React jsx style with calc
Javascript React
0 vote156 views1 answer
React native skeleton
Javascript React
0 vote159 views3 answers
React form validation
Javascript React
2 votes148 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
1 vote148 views1 answer
Picker change event react native
Javascript React
0 vote158 views1 answer
How to remove an object from array in react native
Javascript React
1 vote159 views1 answer
React native nav bars
Javascript React
3 votes145 views1 answer
Navigation react pass props
Javascript React
4 votes156 views2 answers
Defining functions in react
Javascript React
7 votes189 views1 answer
Img src in react js
Javascript React