Les bases de ReactJS #8/9 : Traitement des formulaires
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Les bases de ReactJS #8/9 : Traitement des formulaires

Carl Brison
29,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Poursuivons notre formation sur React JS.
Dans ce cours React nous allons nous attarder sur le traitement des formulaires.

Les formulaires sont quelque chose de très importants dans le développement web. Nous allons voir comment React traite les formulaires.
Nous passerons en revue l'ensemble des éléments de formulaire HTML.
Nous verrons :

  • Les inputs contrôlés par React, ainsi que les inputs non contrôlés par React.
  • Les textarea.
  • Les cases à cocher.
  • Les boutons radios.
  • Les menus déroulants.

Nous terminerons notre formation par la réalisation d'un exercice pratique pour s'exercer avec vos nouvelles compétences React !
Je reste disponible dans le salon d'entraide pour répondre à vos questions sur les formulaires dans React.

Épisodes précédents :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les objets de formulaire
Chapitre 2
Exercice d'application
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Les objets de formulaire
1h32m
 
Leçon 1Mise en place du projet
Leçon 2Contrôler un champ de formulaire
Leçon 3Contrôler plusieurs champs de formulaire
Leçon 4Contrôler un textarea
Leçon 5Le menu déroulant
Leçon 6La case à cocher
Leçon 7Plusieurs cases à cocher
Leçon 8Les boutons radios
Leçon 9Champ de formulaire non contrôlé
Chapitre 2 : Exercice d'application
30m29s
 
Leçon 1Mettre en place le fichier App.js
Leçon 2Mettre en place le formulaire HTML
Leçon 3Mettre en forme le formulaire
Leçon 4 Mettre en place le contrôle des champs par React
Chapitre 3 : Pour la prochaine fois
03m13s
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
1
Apprenant
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 28/01/2024
Très joli tuto! j'ai en particulier apprécié le hook “générique” useState({objet}), avec lequel j'ai voulu contrôler tout le formulaire. Ça a fonctionné à merveille, sauf pour les cases à cocher: tentatives multiples, en vain... (getter non itérable, me dit-on...)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire. Je ne sais pas comme ça, pourquoi vos chekboxs renvoient une erreur
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 23/01/2024
Tuto bien expliqué et bien construit tant sur la forme que sur la pédagogie . Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Didier ;-)
Regis Philippe
Regis Philippe
Publié le 20/01/2024
merci encore de cet excellent tuto en attente du 9 ème volet.
Carl Brison
Carl Brison
Merci à vous, 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

Que contient le fichier source ?

Le dossier /src/ du projet.

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données