Routage

Le routage est un moyen populaire de changer de vue dans une application. Cette page offre quelques conseils sur la façon de le faire.

Vue

L'approche recommandée pour le routage dans Vue est le Mode Hash:

import { createRouter, createWebHashHistory } from "vue-router";

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    //...
  ],
});

Angular

L'approche recommandée pour le routage dans Angular est HashLocationStrategy:

RouterModule.forRoot(routes, { useHash: true });

React

L'approche recommandée pour le routage dans React est HashRouter:

import { HashRouter, Routes, Route } from "react-router-dom";

ReactDOM.render(
  <HashRouter basename={"/"}>
    {/* The rest of your app goes here */}
    <Routes>
      <Route path="/" element={<Page0 />} exact />
      <Route path="/page1" element={<Page1 />} />
      <Route path="/page2" element={<Page2 />} />
      {/* more... */}
    </Routes>
  </HashRouter>,
  root
);

Svelte

The recommended approach for routing in Svelte is svelte-spa-router:

<script>
    import Router from "svelte-spa-router";
</script>

<Router
    routes={{
        "/": Home,
        "/products": wrap({
            asyncComponent: () => import("./routes/Products.svelte"),
        }),
        "/settings": Settings,
        "*": NotFound,
    }}
/>