Documentation

Router

Routing React type, navigation, cycle de preload, etat de query et instrumentation.

@plumile/router est le package runtime principal pour les applications qui ont besoin de definitions de routes typees, d’aides de navigation typees, de ressources compatibles Suspense et d’instrumentation.

Pages dans cette section

  • Vue d'ensemble Router - Role de @plumile/router et principaux concepts exposes.
  • Shell applicatif - Creer un RouterShell avec contexte applicatif, instrumentation DevTools, pending UI et cleanup.
  • Definitions de routes - Definir des arbres de routes, ressources lazy, routes imbriquees et hooks prepare.
  • Modules de routes - Separer ressources de routes, fonctions prepare et declarations de routes.
  • Navigation - Utiliser les liens et helpers router plutot que l'acces direct a window.location.
  • Routes authentifiees - Utiliser des routes wrapper pour preparer l'etat auth avant les enfants proteges.
  • Query et filtres - Attacher des schemas filter-query aux routes et consommer un etat d'URL type.
  • Prechargement - Utiliser les ressources de routes et le cycle prepare pour des donnees compatibles Suspense.
  • Relay - Utiliser la preparation de route avec les flux de preload Relay.
  • Exemple preload Relay - Preparer une query Relay depuis les variables de route et le contexte router.
  • Exemples - Scenarios router courants et emplacement des exemples complets.
  • Migration - Chemins de migration depuis React Router, Next.js Router et Reach Router.
  • DevTools - Inspecter l'activite router avec l'extension Chrome DevTools privee.