/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 vote72 views1 answer
React testing library getBy image
Javascript React
-2 votes122 views1 answer
React Pagination
Javascript React
2 votes104 views1 answer
All react navigation packages
Javascript React
0 vote108 views1 answer
React js date ago
Javascript React
0 vote114 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote111 views3 answers
React native shaddow
Javascript React
0 vote71 views1 answer
Circle button react native
Javascript React
0 vote121 views1 answer
How to calc() height in react native for styling
Javascript React
3 votes116 views1 answer
React router yarn
Javascript React
0 vote137 views2 answers
How to run react builed version
Javascript React