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
Sous-titres non disponibles
1h24
de formation
14
leçons vidéo
3
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

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

4.8/5 Trustpilot (1392 avis) Satisfait ou remboursé
1h24
de formation
14
leçons vidéo
3
chapitres

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

Table des matières

Chapitre 1 : Répéter, ajouter ou supprimer des éléments HTML

29m40
 
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

51m46
 
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

03m05
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
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

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h24 de vidéo • 3 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 784 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données