React Router v6

React 🟡 Mid

Definition

Librairie de routage standard pour React avec routes imbriquees, loaders de donnees, actions de mutation et navigation declarative.

Analogie

Comme le plan d'un centre commercial avec les fleches directionnelles : chaque URL mene a la bonne boutique (composant).

Exemple de code

const router = createBrowserRouter([
  {
    path: '/',
    element: <Layout />,
    children: [
      { index: true, element: <Home /> },
      { path: 'users/:id', element: <User />, loader: userLoader },
    ]
  }
]);

Cas d'usage

SPA React sans framework (Vite + React) qui a besoin de navigation multi-pages.

Anti-pattern

Imbriquer des BrowserRouter au lieu d'utiliser des routes imbriquees avec Outlet.

Termes lies

#routing#interview#ecosystem