/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 vote277 views2 answers
Veu js vs angular vs react features
Javascript React
0 vote326 views1 answer
Hide and show on button click in react js functional component
Javascript React
0 vote297 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote313 views1 answer
React 1 to 10 rating
Javascript React
1 vote311 views1 answer
React native cover image
Javascript React
1 vote260 views1 answer
React native close other app
Javascript React
0 vote329 views1 answer
Could not resolve module fs react native
Javascript React
0 vote302 views1 answer
React inlinle style set background image
Javascript React
18 votes299 views6 answers
Import svg react
Javascript React
1 vote304 views1 answer
Cleartimeout react
Javascript React