/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

1 vote181 views1 answer
React map array limit
Javascript React
0 vote189 views1 answer
React bootstrap font awesome icons
Javascript React
0 vote185 views1 answer
React import useCallBack
Javascript React
0 vote193 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
0 vote190 views1 answer
React modal scroll 2 overlapping components
Javascript React
0 vote253 views1 answer
Gesture handling with react native expo
Javascript React
2 votes198 views2 answers
React native text get number of lines
Javascript React
1 vote184 views1 answer
Change react native app name
Javascript React
1 vote164 views1 answer
Reconciliation in react
Javascript React
1 vote221 views1 answer
Cleartimeout react
Javascript React