/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 vote201 views1 answer
Strike react native
Javascript React
139 votes694 views6 answers
Creat react app
Javascript React
0 vote200 views1 answer
Close button react
Javascript React
0 vote220 views1 answer
Number format reactjs
Javascript React
0 vote213 views3 answers
How to get state value from history react
Javascript React
0 vote214 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
1 vote278 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote178 views1 answer
Remove an item from a component in react
Javascript React
7 votes360 views2 answers
Align text into center of container react native
Javascript React
0 vote208 views1 answer
How to run bare react-native project
Javascript React