Fetching de données & API
fetch API, axios, async/await, error handling, loading states, abort controllers
1Que retourne la méthode fetch() lorsqu'elle est appelée ?
Que retourne la méthode fetch() lorsqu'elle est appelée ?
Réponse
fetch() retourne une Promise qui se résout avec un objet Response. Contrairement à axios, fetch ne rejette pas automatiquement les erreurs HTTP (comme 404 ou 500), il est donc nécessaire de vérifier response.ok avant de parser les données. Cette approche donne plus de contrôle sur la gestion des erreurs mais nécessite une vérification explicite du statut.
2Comment extraire les données JSON d'un objet Response obtenu avec fetch() ?
Comment extraire les données JSON d'un objet Response obtenu avec fetch() ?
Réponse
L'objet Response possède une méthode json() qui retourne une Promise se résolvant avec les données parsées. Cette méthode est asynchrone car elle lit le corps de la réponse de manière progressive. Il est important de d'abord vérifier response.ok avant d'appeler json() pour s'assurer que la requête a réussi.
3Quelle propriété de l'objet Response permet de vérifier si la requête HTTP a réussi ?
Quelle propriété de l'objet Response permet de vérifier si la requête HTTP a réussi ?
Réponse
La propriété response.ok retourne true si le code de statut HTTP est compris entre 200 et 299, indiquant une réponse réussie. Cette propriété est essentielle car fetch() ne rejette pas automatiquement les erreurs HTTP, contrairement à axios. Vérifier response.ok avant de traiter les données est une bonne pratique pour éviter de parser des réponses d'erreur.
Quel mot-clé permet d'attendre la résolution d'une Promise de manière synchrone dans une fonction async ?
Dans quel ordre doivent être appelées les méthodes suivantes lors d'un fetch() : json(), then(), catch() ?
+17 questions d'entretien
Autres sujets d'entretien React / Next.js
Les bases de JavaScript
Fondamentaux React
React Hooks
Cycle de vie des composants
React Router
Gestion d'état avec Context
Formulaires & Composants contrôlés
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