Séance 3
Interactivité & Formulaires
Gestion d'état avec useState, événements et formulaires contrôlés
Ce que vous allez apprendre
- •Gérer les événements utilisateur (clics, saisies, soumissions)
- •Utiliser le hook useState pour la gestion d'état
- •Comprendre la différence entre state et props
- •Créer des formulaires contrôlés en React
- •Valider les données saisies dans les formulaires (manuel et Zod)
- •Remonter l'état entre composants (lifting state up)
- •Construire des interfaces utilisateur interactives
Parcours de la séance
Introduction à l'interactivité
FacileRendre vos composants réactifs aux actions utilisateur
Gestion des événements
IntermédiaireonClick, onChange, onSubmit et autres événements React
Le hook useState
IntermédiaireAjouter de la mémoire à vos composants
Formulaires contrôlés
IntermédiaireGérer les inputs, checkboxes, selects et textarea
Validation de formulaires
IntermédiaireVérifier et valider les données saisies
Validation avec Zod
AvancéType-safe validation avec le standard de l'industrie
Lifting State Up
AvancéPartager l'état entre plusieurs composants
Conclusion
FacileRécapitulatif et prochaines étapes
Exercices pratiques
IntermédiaireCompteur, Todo List, Formulaire de contact et plus
Projet Fil Rouge
AvancéApplication d'apprentissage du japonais (Séances 2 à 5)
Quiz de validation
AvancéTestez vos connaissances sur l'interactivité