/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 vote160 views1 answer
React native swipe screen
Javascript React
9 votes141 views2 answers
Axios react js
Javascript React
36 votes142 views2 answers
How to install react router dom version 5
Javascript React
4 votes244 views3 answers
Width 100% react-native
Javascript React
0 vote165 views1 answer
Npm auth0-react
Javascript React
0 vote162 views1 answer
How to redirect to another page in react js on button click
Javascript React
21 votes105 views3 answers
Hide header bar react navigation
Javascript React
3 votes198 views1 answer
React hooks send data from child to parent
Javascript React
0 vote158 views1 answer
Concatenate state with previous state in react redux
Javascript React
21 votes161 views6 answers
React native vector icons
Javascript React