/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

2 votes148 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React
4 votes142 views2 answers
How to take 100% width in react native
Javascript React
4 votes169 views2 answers
React usememo vs usecallback
Javascript React
0 vote161 views1 answer
Reactjs web3 components
Javascript React
0 vote151 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote102 views0 answer
React
Javascript React
0 vote139 views1 answer
Text decoration react native
Javascript React
1 vote165 views1 answer
React native nav bars
Javascript React
0 vote148 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
1 vote147 views1 answer
On_raw_reaction_add example
Javascript React