Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Les React Hooks par la pratique
Gestion de l'état avec useState()
Création d'une nouvelle application React (3:07)
Utiliser le hook useState() pour incrémenter le nombre de likes (6:38)
Utiliser plusieurs useState() dans un component (12:32)
Afficher tous les frameworks (4:59)
Gestion des side effects avec useEffect()
Utiliser useEffect() pour effectuer une requête AJAX (12:53)
Itérer sur nos blog posts (2:25)
Afficher un indicateur de loading (1:13)
Un useEffect() par fonctionnalité (11:43)
Gestion de l'état à l'aide de useReducer()
Création du component Calculator.js et de son reducer (12:13)
Dispatcher des actions (8:53)
Consommation de contexts à l'aide de useContext()
Création de components imbriqués (6:16)
useContext() pour lire des messages depuis un component grand-parent (12:27)
Passer des données complexes via "context" (6:17)
Utilisation d'une fonction provenant du "context" (5:02)
Interaction avec le DOM et useRef()
S'abonner et se désabonner à l'écoute d'événements clavier (11:26)
Gérer le focus à l'aide de useRef() (11:43)
Exercice récapitulatif
Application de côtisation pour un pot de départ (12:37)
Afficher tous les participants et le total collecté (9:53)
Gestion de l'état de la case à cocher 'show details' (5:24)
Custom Hooks
Utiliser un custom hook fourni par la communauté (13:14)
Créer un custom hook qui utilise localStorage (16:06)
Créer un custom hook qui vérifie la validité d'un champ texte (12:31)
Créer un custom hook qui debounce un texte saisi (14:58)
Debounce d'une requête AJAX (13:48)
dernière mise à jour mercredi 31 juillet 2019
Gestion de l'état de la case à cocher 'show details'
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller