Développement Front-End en React.js 16.8
Développement Front-End en React.js 16.8
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
05m04s
Leçon 2Créer le fichier index.js
06m11s
Leçon 3Ecrire une promesse
09m06s
Leçon 4Lire et afficher les infos du JSON
04m51s
Leçon 5Afficher et mettre en forme toutes les datas du JSON
09m35s
Leçon 6Mettre en place la possibilité de suppression d'une section
07m14s
Leçon 7Programmer la fermeture de la section cliquée
05m14s
Leçon 8Pour la prochaine fois
01m37s
Avis des apprenants