CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 Récupération de films avec OMDB API en JavaScript

Récupération de films avec OMDB API en JavaScript

Récupérer les données depuis une API
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS 2018
Revoir le teaser Je m'abonne
3,0
Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'apprendre à :
- Obtenir une clé d'API OMDB
- Envoyer des requêtes fetch en JavaScript
- Traiter des réponses JSON asynchrones
- Intégrer ces fonctionnalités dans un composant React et gérer le state

Apprenez comment récupérer des listes de films en utilisant l'OMDB API avec des requêtes fetch en JavaScript.

Dans cette leçon, vous apprendrez à utiliser l'API OMDB, qui est directement connectée à IMDB, pour récupérer des listes de films en fonction de queries spécifiques. Nous commencerons par l'obtention d'une clé d'API gratuite que vous pourrez générer après avoir créé un compte Free sur OMDB, vous permettant de faire jusqu'à 1000 requêtes par jour.

Ensuite, nous implémenterons une fonction de recherche de films dans un fichier fetch.js en utilisant fetch pour envoyer des requêtes et récupérer les données des films au format JSON. Nous verrons comment gérer les réponses asynchrones avec then et catch, en traitant les résultats et les erreurs possibles.

Enfin, nous intégrerons cette fonctionnalité dans un composant React pour afficher les résultats des films correspondants à une query, en utilisant le lifecycle method componentDidMount pour lancer la récupération des données et mettre à jour le state de notre composant pour ré-render automatiquement les nouveaux résultats.

Voir plus
Questions réponses
Quelle méthode JavaScript est utilisée pour envoyer des requêtes HTTP dans cette leçon ?
La méthode utilisée est fetch().
Combien de requêtes par jour permet la clé API gratuite d'OMDB ?
La clé API gratuite d'OMDB permet jusqu'à 1000 requêtes par jour.
Quelle lifecycle method de React est utilisée pour lancer la récupération des données après le montage du composant ?
La lifecycle method utilisée est componentDidMount().
1 commentaire
3,0
1 vote
5
4
3
2
1
gregory_jarrige
Il y a 3 ans
Cette formation est géniale, mais je ne peux pas lui mettre la note maximale en l'état, car il y a deux problèmes qu'il faudrait signaler à l'auteur :
- la vidéo du chapitre 4.1 ne correspond pas à l'intitulé
- la vidéo du chapitre 6.3 ne correspond pas non plus à l'intitulé
Les deux vidéos erronées correspondent manifestement à un autre cours décrivant la création d'une TODO List.
charlene.bleuse_1
Il y a 3 ans

En réponse à par gregory_jarrige

Bonjour Monsieur Jarrige,

Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène