Introduction et Mise en Place
Objectifs
Apprendre à créer un composant de recherche dynamique en React.
Gérer les états et événements d’un input et d’un bouton en React.
Intégrer et styliser un composant de recherche dans une application existante.
Résumé
Apprenez à intégrer un champ de recherche dynamique dans votre application React pour récupérer des films en fonction des requêtes utilisateurs
Description
Dans cette leçon, nous allons transformer une application React en ajoutant un composant de recherche dynamique. Ce champ de recherche permettra aux utilisateurs de taper une requête et d'obtenir une liste de films correspondant à cette requête via un appel à l’API. Nous allons détailler les étapes de création du composant SearchInput, gérer les événements onChange
et onClick
, et appliquer un peu de style pour rendre notre application plus agréable visuellement.
Premièrement, nous allons créer un composant SearchInput qui contiendra un input
et un button
pour soumettre la requête. Ensuite, nous allons gérer les états et événements nécessaires pour capturer la requête utilisateur et faire une recherche dynamique. Enfin, nous nous occuperons du styling pour intégrer proprement ce composant dans l’application existante.
À la fin de cette leçon, vous serez capable de créer des composants réutilisables pour des fonctionnalités de recherche dans une application React, améliorant ainsi l'interactivité et l'expérience utilisateur.
- 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.
En réponse à (sans sujet) par gregory_jarrige
Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène