Formation NextJS 2/6. Gérer le hook useState
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h44
de formation
19
leçons vidéo
4
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Formation NextJS 2/6. Gérer le hook useState

4.7/5 Trustpilot (1394 avis) Satisfait ou remboursé
1h44
de formation
19
leçons vidéo
4
chapitres

Dans ce second cours en ligne dédié à l'apprentissage du framework NextJS, vous apprendrez à utiliser le hook le plus importants de React, à savoir useState.
Le Hook UseState permet de gérer l'état de votre application.

Dans cette formation NewJS vous apprendrez :

  • Comment déclarer une variable d'état avec useState.
  • Comment mettre à jour l'état avec useState.
  • Comment utiliser la fonction Javascript map pour parcourir une collection de données.
  • Utiliser useState et map ensemble pour créer des applications Next.js dynamiques et interactives.

Nous clôturerons cette formation sur la conception d'un exercice d'application concret afin de bien asseoir nos nouvelles connaissances.
Vous pourrez enfin passer un QCM pour valider vos connaissances.

Si vous souhaitez débuter avec le Framework NextJs, ne passez pas à côté du premier épisode !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Apprendre à gérer les états
Chapitre 2
Répéter les datas dans le rendu
Chapitre 3
Exercice d'application
Chapitre 4
Pour la prochaine fois

Table des matières

Chapitre 1 : Apprendre à gérer les états

43m
 
Leçon 1Installer NextJS
Leçon 2Créer le composant Home
Leçon 3Déclarer le hook useState
Leçon 4Mettre en place un événement onClick
Leçon 5Dupliquer l'événement
Leçon 6Factoriser les useStates
Leçon 7Mapper la ternaire
Leçon 8Rendre la fonction générique

Chapitre 2 : Répéter les datas dans le rendu

23m55
 
Leçon 12 façons d'écrire une map
Leçon 2Conditionner les résultats
Leçon 3Identifier les résultats
Leçon 4Cacher les résultats

Chapitre 3 : Exercice d'application

36m18
 
Leçon 1Ce que nous allons faire
Leçon 2Ecrire le JSX
Leçon 3Mettre en forme le JSX
Leçon 4Définir un nouveau client
Leçon 5Stocker le nouveau client dans un tableau
Leçon 6Supprimer un client

Chapitre 4 : Pour la prochaine fois

01m15
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 30/05/2025
Merci Carl pour ce cours sur le hook `useState` dans NextJS. J’ai trouvé super clair la façon dont vous avez montré comment afficher ou masquer des éléments avec `map()` et un simple `setState`. L’exercice avec la liste de clients m’a bien aidé à comprendre comment gérer un tableau dynamique. Validé 100%. 👍
Carl Brison
Carl Brison
Merci beaucoup Alain, pour votre commentaire très gentil ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 24/09/2024
Retour gagnant après le détour par tailwind. Ça marche... et j'ai hâte d'apprendre comment.
Carl Brison
Carl Brison
Merci beaucoup pour votre fidélité ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 21/05/2024
Parfait , hâte de poursuivre . Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre fidélité, Didier ;-)

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
18,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h44 de vidéo • 4 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.7/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