Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
React 2023
Démarrage du projet
Générer un projet React avec Vite (3:40)
Création des pages du projet (9:43)
Le routage
Création du menu de navigation (15:45)
Configuration des routes (8:32)
Les formulaires avec React Hook Form
Installation de React Hook Form et creation de custom types TypeScript (11:32)
Formulaire fortement typé (14:59)
Afficher les erreurs propres à chaque champ du formulaire (7:02)
Création d'un CSS Module (14:28)
Quelques styles CSS supplémentaires (sur le placeholder notamment) (3:29)
Permettre à l'utilisateur d'ajouter dynamiquement des lignes à un formulaire (23:06)
Ajout des autres colonnes d'une ligne dynamique (13:18)
Supprimer un item d'un field array de React Hook Form (3:12)
Styliser le bouton de suppression (1:49)
Créer un service de persistance fortement typé
Persister et lire les devis : service, contexte et props typés (32:59)
Génération de fichiers PDF
Créer une capture d'écran puis en faire un fichier PDF (19:34)
Représentation graphique de nos devis
Création dun mock et d'un composant Card.tsx (9:19)
Rendu de chaque ligne de devis (8:35)
Créer un module CSS pour le composant Card (17:13)
Calculer les totaux à l'aide de reduce() (17:48)
Imbriquer une CSS Grid dans une CSS Grid pour afficher les totaux (9:48)
Changer les espacements entre lignes et colonnes d'une CSS Grid (2:14)
Ajouter un champ texte dédié aux titres de devis (4:52)
Afficher le détail d'un devis
Recupérer un devis par id et l'afficher (14:01)
Résumé d'un devis + lien vers le devis détaillé (11:07)
Créer un module CSS afin de styliser les résumés de devis (4:21)
Rendre notre application responsive
Rendre une page responsive SANS utiliser de media queries (9:51)
Calcul et affichage du total des avances (6:29)
Dernière mise à jour mar 31 janvier 2023
Changer les espacements entre lignes et colonnes d'une CSS Grid
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller