Definitions de routes

Les definitions de routes sont la source de verite stable du comportement de routing.

import { Route, getResourcePage } from '@plumile/router';

const routes: Route<any, any, any>[] = [
  {
    path: '/',
    resourcePage: getResourcePage('Home', () => import('./pages/Home')),
  },
  {
    path: '/users',
    children: [
      {
        path: '/:id',
        resourcePage: getResourcePage(
          'UserProfile',
          () => import('./pages/UserProfile'),
        ),
        prepare: ({ variables }) => ({ userId: variables.id }),
      },
    ],
  },
];

Gardez les definitions de routes pres du routing applicatif, pas dans les packages UI partages. La preparation de route doit retourner les donnees necessaires au rendu sans introduire d’etat global cache.

Routes imbriquees

Les enfants definissent le matching imbrique. Privilegiez une propriete claire des chemins plutot qu’une mutation de routes entre packages.