Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Créer un site de e-commerce avec les React Hooks
Démarrage du projet
Présentation du projet (5:19)
Génération du projet (3:41)
Emulation d'une API REST (4:32)
Effectuer une requête AJAX avec les Hooks
Récupérer les livres depuis l'API REST (13:45)
Créer une interface graphique à l'aide de Semantic UI React
Afficher chaque livre dans un component BookCard (9:13)
Afficher tous les livres à l'aide de Grid et Segment (4:11)
Créer résumé d'un caddie et menu (5:33)
Partager données et fonctionnalités à l'aide de Context et du Hook useContext()
Créer un "context" afin de fournir caddie et méthode d'ajout au caddie (7:25)
Consommer un "context" à l'aide du Hook useContext() (7:37)
Consommer un "context" afin d'afficher le nombre d'articles dans le caddie (6:21)
Incrémenter la quantité d'un article déjà dans le caddie (5:08)
Compter le nombre d'articles dans le caddie (2:48)
Le routage
Implémenter le routage à l'aide de react-router-dom (4:55)
Afficher le contenu correspondant au component associé à une route spécifique (5:01)
Le détail du caddie à l'aide de React Context
Afficher le détail du caddie (9:50)
Fonction permettant de décrémenter une quantité dans le caddie (3:09)
Appeler addToCard() depuis le detail du caddie (3:07)
Vider le caddie (3:07)
Persister le caddie
Sauvegarder et récupérer le caddie (7:36)
Améliorations diverses
Mettre à jour le titre de l'onglet lors de chaque ajout de livre (2:33)
Utiliser les icônes fournies par Semantic UI React (3:25)
Nombre total d'exemplaires affiché dans le titre de l'onglet (1:53)
Icônes '+' et '-' (3:27)
Arrondir les prix à deux décimales après la virgule (1:12)
Passer une variable au lieu d'une fonction au tableau des dépendances (3:15)
Remplacer les boutons HTML5 par des icônes de caddie (2:10)
Créer une animation avec React-Spring
Animer le caddie avec React-Spring (16:11)
Dernière mise à jour mer 4 mars 2020
Appeler addToCard() depuis le detail du caddie
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller