/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 vote136 views1 answer
How to style navigation drawer react navigation v5
Javascript React
11 votes156 views3 answers
Create react tailwind app
Javascript React
-1 vote162 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote174 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React
0 vote168 views1 answer
React Redux component getById crud exemple
Javascript React
24 votes98 views6 answers
React native navigation
Javascript React
0 vote147 views1 answer
Get position of element in react
Javascript React
3 votes141 views1 answer
React router dynamic routes
Javascript React
25 votes155 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
4 votes176 views1 answer
Add array of object to state react
Javascript React