/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

23 votes396 views6 answers
React hooks useeffect
Javascript React
20 votes296 views4 answers
Conditional Rendering in React js
Javascript React
0 vote348 views1 answer
React show new app
Javascript React
0 vote313 views1 answer
Circle button react native
Javascript React
0 vote356 views1 answer
@tippyjs/react
Javascript React
0 vote329 views1 answer
React useref file input
Javascript React
4 votes327 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
0 vote318 views1 answer
Nested navigation react native
Javascript React
0 vote345 views1 answer
React native star rating component
Javascript React
32 votes351 views6 answers
React copy array
Javascript React