/Javascript/React/React code splitting (component based)

React code splitting (component based)

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

Similar codes

0 vote245 views1 answer
React native get route name
Javascript React
0 vote221 views1 answer
Import batch from 'react-redux'
Javascript React
0 vote217 views1 answer
Option component in react js errors
Javascript React
14 votes222 views2 answers
React router link with params
Javascript React
0 vote226 views3 answers
Link react router dom
Javascript React
8 votes211 views3 answers
Change title react
Javascript React
0 vote260 views1 answer
Props with ternary in react
Javascript React
0 vote342 views1 answer
React router nested routes active
Javascript React
4 votes165 views1 answer
React router dom v6 goback
Javascript React
0 vote229 views1 answer
How to set the id attr to a var in reactjs
Javascript React