Les bases de ReactJS #5/9 : Maper des éléments HTML
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Les bases de ReactJS #5/9 : Maper des éléments HTML

Carl Brison
25,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Grâce aux nouvelles connaissances sur les hooks de React acquises lors du précédent cours, nous allons dans ce nouveau tuto apprendre à réaliser un affichage répété. Cela signifie que nous allons boucler sur une liste de données en vue de les afficher sur la page.

Nous apprendrons également comment identifier une donnée afin de la supprimer de l'affichage sans jamais recharger la page web.
Enfin, nous apprendrons à créer un ou plusieurs éléments qui viendront s'ajouter à notre lise de données, là aussi sans jamais recharger la page web.
Ceci aura pour conséquence de maintenir les affichages des données stables.

Un QCM vous sera proposé pour valider vos nouvelles compétences en React.

Épisodes précédents :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Répéter, ajouter ou supprimer des éléments HTML
Chapitre 2
Application
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Répéter, ajouter ou supprimer des éléments HTML
29m40s
 
Leçon 1Afficher un élément
Leçon 2Afficher plusieurs éléments
Leçon 3Ajouter un élément aux éléments existants
Leçon 4Identifier un élément HTML
Chapitre 2 : Application
51m46s
 
Leçon 1Ce que nous allons faire
Leçon 2Ecrire le fichier index.js
Leçon 3Ecrire le fichier index.css
Leçon 4Ecrire les bases du fichier Clients.js
Leçon 5Mettre en forme le module Clients
Leçon 6Déclarer et afficher la liste des clients
Leçon 7Mettre en place la suppression d'un client
Leçon 8Ecrire le formulaire de création d'un nouveau client
Leçon 9Ajouter un nouveau client
Chapitre 3 : Conclusion
03m05s
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
1
Apprenant
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Regis Philippe
Regis Philippe
Publié le 19/12/2023
Toujours aussi bon, j'entrevois une refonte de mon application en React.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire. Je vous conseille d'attendre la formation sur NextJS avant de prendre une telle décision (Next emploi React et il est beaucoup plus performant). La formation sur Next JS sera disponible en début d'année. Merci beaucoup pour votre confiance ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 17/12/2023
Clair, net et sans bavure!
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 15/12/2023
Comme toujours c'est excellent , un vrai plaisir d'apprendre . Didier
Carl Brison
Carl Brison
Merci beaucoup Didier, c'est vraiment très gentil ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

React

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données