/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 vote215 views1 answer
Shadowcolor liners in react native
Javascript React
1 vote217 views1 answer
Add a text on last object map reactjs
Javascript React
4 votes220 views2 answers
Change the route on button click react
Javascript React
13 votes195 views1 answer
Reactjs useState() hook
Javascript React
1 vote206 views1 answer
How to change the tab text in React
Javascript React
0 vote283 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
25 votes318 views5 answers
Image react
Javascript React
0 vote255 views1 answer
React native Setting a timer for a long period of time
Javascript React
0 vote226 views1 answer
Vscode react cannot find moudle when import image
Javascript React
23 votes271 views6 answers
React hooks useeffect
Javascript React