Prise en main et découverte des API

React Router 7 met à disposition plusieurs APIs pour améliorer l'expérience utilisateur de ton site. Dans ce module, nous allons toutes les découvrir et les utiliser.

1 min read

React Router 7 est plus qu'un simple router. Son mode framework nous permet d'offrir une expérience exceptionnelle à nos utilisateurs.

Dans ce module, nous allons initialiser un nouveau projet React Router en s'appuyant sur leur documentation.

Chaque projet React Router possède deux fichiers de configuration :

  • la configuration vite.config.ts (qui peut être étendue avec de nombreux plugins compatibles)
  • la configuration react-router.config.ts, qui est spécifique à React Router et nous permet de modifier le comportement par défaut du framework.

Nous analysons ensemble le fichier principal root.tsx, qui contient les composants suivants :

  • Le composant Layout
  • Le composant Outlet
  • Le composant ErrorBoundary
  • la méthode links
  • la méthode meta