/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 vote142 views1 answer
How to take out text from array of strings in react
Javascript React
0 vote121 views1 answer
Navigate to another page onPress button react native
Javascript React
0 vote174 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote120 views1 answer
Form changes button enable reactive forms
Javascript React
1 vote128 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote129 views2 answers
React tweet embed
Javascript React
0 vote145 views1 answer
React get current date minus 7 days
Javascript React
0 vote120 views1 answer
React native notify user for new version of app
Javascript React
0 vote152 views1 answer
Settimeout react native focus text input
Javascript React
3 votes120 views1 answer
React get method
Javascript React