Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
En utilisant une très grande partie des connaissances acquises sur notre formation React, nous allons ici apprendre à lire ainsi qu'à manipuler des datas issues d'un fichier Json.
Pour ce faire, nous utiliserons les hooks useState et useEffect au travers d'un composant fonctionnel dont le rôle sera de boucler sur les informations contenues dans le fichier Json.
La lecture du fichier Json se fera en réalisant une promesse.
Si vous ne savez pas réaliser une promesse en JavaScript, voici un tuto qui vous permettra d'apprendre cette technologie rapidement et facilement.
Épisodes précédents :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Créer le fichier voitures.json
Créer le fichier voitures.json
Leçon 2
Créer le fichier index.js
Créer le fichier index.js
Leçon 3
Ecrire une promesse
Ecrire une promesse
Leçon 4
Lire et afficher les infos du JSON
Lire et afficher les infos du JSON
Leçon 5
Afficher et mettre en forme toutes les datas du JSON
Afficher et mettre en forme toutes les datas du JSON
Leçon 6
Mettre en place la possibilité de suppression d'une section
Mettre en place la possibilité de suppression d'une section
Leçon 7
Programmer la fermeture de la section cliquée
Programmer la fermeture de la section cliquée
Plan détaillé du cours
Leçon 1Créer le fichier voitures.json
05m04
Leçon 2Créer le fichier index.js
06m11
Leçon 3Ecrire une promesse
09m06
Leçon 4Lire et afficher les infos du JSON
04m51
Leçon 5Afficher et mettre en forme toutes les datas du JSON
09m35
Leçon 6Mettre en place la possibilité de suppression d'une section
07m14
Leçon 7Programmer la fermeture de la section cliquée
05m14
Leçon 8Pour la prochaine fois
01m37
Avis des apprenants