/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 vote126 views1 answer
React locomotive-scroll
Javascript React
68 votes140 views3 answers
React add inline styles in react
Javascript React
0 vote87 views3 answers
How to use keyextractor in flatlist react native
Javascript React
0 vote122 views1 answer
Route guards in react
Javascript React
0 vote123 views1 answer
How to call api on load using hooks in react
Javascript React
0 vote214 views1 answer
React native create text file
Javascript React
0 vote128 views1 answer
React useref file input
Javascript React
0 vote130 views1 answer
Start withnreact
Javascript React
3 votes244 views3 answers
Center element react native
Javascript React
0 vote137 views1 answer
React native scrollview in modal
Javascript React