React Lab

Consommation d’une API publique

Objectif

Développer une application React permettant d’afficher et de rechercher des informations issues d’une API publique (ex: API de films, API météo, API de gestion d’utilisateurs).

Étapes

1. Sélectionner une API publique (ex: OMDb API pour les films, Open Meteo pour la météo, ou tout autre API gratuite permettant de faire de recherches).

2. Créer un composant SearchBar : Permettre à l’utilisateur de saisir un mot-clé pour rechercher des données dans l’API.
3. Créer un composant ResultsList : Afficher dynamiquement les résultats récupérés depuis l’API.
4. Utiliser useEffect et fetch pour effectuer une requête à l’API lorsque l’utilisateur effectue une recherche.
5. Ajouter un état global pour stocker les résultats et éviter de refaire des appels API inutiles.

Exemple d’affichage :