/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

18 votes196 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote202 views1 answer
React native qr code scanner
Javascript React
26 votes162 views4 answers
React context
Javascript React
0 vote198 views1 answer
Hide and show on button click in react js functional component
Javascript React
1 vote207 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote206 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
142 votes915 views3 answers
Install react app
Javascript React
8 votes207 views2 answers
React fragment
Javascript React
0 vote187 views1 answer
How to run and clone react app
Javascript React
0 vote200 views1 answer
Svg as a component react
Javascript React