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.
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 :
vite.config.ts
(qui peut être étendue avec de nombreux plugins compatibles)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 :
Layout
Outlet
ErrorBoundary
links
meta