Episode n°2 : « Ninja Angular Form : Input, Select et Checkbox (1/2)»

Ce deuxième épisode est dédié aux développeurs qui trouvent pénible de mettre en place leurs formulaires avec Angular, et qui y passent trop de temps. Nous verrons le code à mettre en place pour des cas d’utilisations classiques des formulaires (Input, Select & Checkbox). Vous pourrez ensuite réutiliser les extraits de code que nous verrons en les copiant-collant directement dans vos projets professionnels ou personnels.

Ressources de cet épisode

Vous trouverez en ressources de cet épisode les notes au format PDF prise pendant le Live, ainsi que le code correspondant à un formulaire réactif pour l’initialisation (ReactiveFormsModule, FormBuilder, Debogue de formulaire), le champ Input, Select et Checkbox.

Questions intéressantes

Les questions sans aucune valeur ajoutée pour ce Live ont été retirées (SonarCube, etc.).

Question – Au moment de l’affichage des Data du formulaire est ce qu’il y a pas un moyen de mesurer les performance de temps de réponse mise à part la console de chrome ?

L’optimisation fera l’objet d’un épisode Techflix à part, car ce n’est pas directement lié au formulaire.

Question– Test Unitaire et Test « e2e » ?

La notion de tests n’est pas directement lié aux formulaires non plus, et il s’agit même d’un autre sujet plutôt vaste. Pareille, on sera un épisode dédié là-dessus.

QuestionEst-il possible d’utiliser Abstract class ?

Il existe dans Angular une classe abstraite nommée AbstractControl, qui est la classe parente de FormControl, FormGroup et FormArray, et qui factorise un certain nombre de comportement. Mais bien sûr nous n’en avons pas l’utilité dans notre code car il s’agit d’une classe abstraite. Il s’agit simplement d’un choix de conception interne fait par les équipes d’Angular.

Question – Sera-t-il possible d’avoir un exemple pour voir la structure d’un formulaire complexe dont tu parlais, merci ?

Oui, on fera ça dans l’épisode 3, on l’on découpera un formulaire complexe en plusieurs composants plus « digeste ».

Question– Comment fait-on une documentation de son code Angular ? Y a-t-il un équivalent à la javadoc pour le front-end? Merci

Oui, voici l’outil en question : https://compodoc.app

Informations complémentaires de cet épisode

Date du Live : Lundi 31 Août à 20H30.

Intervenant : Simon DIENY.