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