/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

15 votes262 views3 answers
Create react app and tailwind
Javascript React
6 votes254 views2 answers
React native activity indicator
Javascript React
0 vote244 views1 answer
Ngrok react.js
Javascript React
0 vote224 views1 answer
React datetime mannual editing
Javascript React
0 vote236 views1 answer
React roter dom npm
Javascript React
2 votes208 views1 answer
Authfunctions react
Javascript React
0 vote206 views1 answer
Install aos in react
Javascript React
0 vote222 views1 answer
How to write unit test cases in react js
Javascript React
-1 vote237 views1 answer
How to remove react icon from tab
Javascript React
0 vote222 views1 answer
Paging react mongoose
Javascript React