What are some examples of using React Router v6?

Can you give me some examples of how to use React Router v6?

Sure! React Router v6 simplifies routing in React applications. For example, you can define routes like this:

import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Routes>
        <Route path='/' element={<Home />} />
        <Route path='/about' element={<About />} />
        <Route path='/contact' element={<Contact />} />
      </Routes>
    </Router>
  );
}

What are the main differences between v5 and v6?

The main differences include:

1. The Switch component is replaced by Routes.
2. Route elements are now defined using the element prop instead of component.
3. Nested routes are easier to manage.
4. Improved performance and smaller bundle size.

Can you show me how to create nested routes?

Absolutely! Here's how you can create nested routes:

<Routes>
  <Route path='/' element={<Layout />}>  
    <Route index element={<Home />} />
    <Route path='about' element={<About />} />
    <Route path='contact' element={<Contact />} />
    <Route path='dashboard' element={<Dashboard />}>
      <Route path='settings' element={<Settings />} />
    </Route>
  </Route>
</Routes>