React Router
BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes
1Qu'est-ce que BrowserRouter dans React Router ?
Qu'est-ce que BrowserRouter dans React Router ?
Réponse
BrowserRouter utilise l'API History du navigateur pour créer des URLs propres sans hash. Contrairement à HashRouter qui ajoute un # dans l'URL, BrowserRouter offre une meilleure expérience utilisateur et un meilleur référencement. Il nécessite cependant une configuration serveur pour gérer correctement les routes en production.
2Quel composant utiliser pour définir une route dans React Router ?
Quel composant utiliser pour définir une route dans React Router ?
Réponse
Le composant Route permet de définir une correspondance entre un chemin d'URL et un composant à afficher. Il doit être placé à l'intérieur d'un composant Routes pour fonctionner correctement. Chaque Route spécifie un path et un element à rendre lorsque l'URL correspond.
3À quoi sert le composant Link dans React Router ?
À quoi sert le composant Link dans React Router ?
Réponse
Link permet de créer des liens de navigation sans recharger la page. Contrairement à la balise HTML native <a>, Link intercepte le clic et utilise l'API History pour changer l'URL. Cela préserve l'état de l'application et offre une navigation plus rapide et fluide.
Quel est le rôle du composant Routes ?
Comment récupérer un paramètre d'URL comme :id dans /user/:id ?
+17 questions d'entretien
Autres sujets d'entretien React / Next.js
Les bases de JavaScript
Fondamentaux React
React Hooks
Cycle de vie des composants
Gestion d'état avec Context
Formulaires & Composants contrôlés
Fetching de données & API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentaux Next.js
TypeScript avec React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigation Next.js
API Routes Next.js
Metadata & SEO Next.js
Middleware & Auth Next.js
Testing React
Zustand State Management
Optimisation Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Fonctionnalités avancées Next.js
Déploiement & Production Next.js
Architecture & Design Patterns
React Server Components
Internationalisation Next.js
Sécurité & Best Practices React
Maîtrise React / Next.js pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement