9. Conclusion intermédiaire
Les vingt exemples ont présenté les notions dont nous avons besoin pour écrire le client [RdvMedecins] :
Notion | Où elle servira dans l'étude de cas |
composants, props, [v-model], slots | la barre de navigation, les champs de formulaire, les fenêtres |
[ref], [reactive], [computed], [watch] | toutes les pages ; l'agenda qui suit son URL |
composables | la fenêtre de confirmation, la mise en forme, les erreurs de formulaire |
le routeur et ses gardes | les pages, les droits de chaque rôle, la session à rétablir après F5 |
Pinia | l'utilisateur connecté, les messages de succès et d'erreur |
vue-i18n | le français et l'anglais, et la traduction des erreurs du serveur |
fetch, cookie httpOnly, proxy | la connexion et tous les échanges avec le serveur |
la couche d'accès à l'API | un fichier [rdvmedecins.api.ts], une fonction par route |
Le client sera l'exact équivalent de l'application HTML du cours [NestJS], page pour page. La différence est ailleurs : le serveur ne fabrique plus aucune page, il répond en JSON, et tout ce qui touche à l'affichage (les pages, la langue, la mise en forme des dates, les messages) s'est déplacé dans le navigateur.