/Javascript/React/React router v6 lazy suspense

React router v6 lazy suspense

// React Router v6 with lazy loading and <Suspense />
const Home = lazy(() => import('./home'));
const About = lazy(() => import('./about'));

function App() {
  return (
    <Router>
      <Suspense fallback={<p> Loading...</p>}>
        <Routes>
          <Route path='/' element={<Home />} />
          <Route path='/about' element={<About />} />
        </Routes>
      </Suspense>
    </Router>
  );
}

Source: stackoverflow.com

Similar codes

0 vote105 views1 answer
React notification
Javascript React
1 vote103 views1 answer
Interpolation react
Javascript React
3 votes108 views3 answers
React portals
Javascript React
0 vote113 views1 answer
How to make your own drop down react native
Javascript React
0 vote111 views1 answer
Install react loading spinner
Javascript React
1 vote127 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React
0 vote106 views1 answer
React native float upto 2 digits
Javascript React
0 vote109 views1 answer
React Native Text style example
Javascript React
23 votes100 views4 answers
How to copy to clipboard in react js
Javascript React
0 vote107 views2 answers
Date format in react js
Javascript React