/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 vote291 views1 answer
React createElement interactive button
Javascript React
0 vote330 views1 answer
How to clear text ibput after message sent react native
Javascript React
0 vote316 views1 answer
React native app crashing on start
Javascript React
0 vote326 views2 answers
Editable pre input react
Javascript React
0 vote360 views1 answer
React roter dom npm
Javascript React
0 vote326 views1 answer
Map of filtered data react
Javascript React
9 votes362 views1 answer
How to create a react app in current folder
Javascript React
0 vote321 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote299 views1 answer
React hooks, react custom hooks
Javascript React
0 vote304 views1 answer
React native prevent rotation of screen
Javascript React