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 vote124 views1 answer
Convert create-react-app to typscript
Javascript React
0 vote144 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
21 votes128 views4 answers
React memo
Javascript React
1 vote177 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
3 votes125 views3 answers
React hide source code
Javascript React
0 vote137 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
16 votes147 views3 answers
What does the useReducer do in react
Javascript React
2 votes119 views1 answer
React native cover image in parent view
Javascript React
32 votes135 views1 answer
React roouter dom
Javascript React
20 votes130 views2 answers
React localstorage
Javascript React