📄️ Introduction
Vous aurez à gérer les erreurs et l'état de chargement dans votre projet. Le niveau montre comment le faire pour une seule page/composante, mais le principe devra être appliqué partout où cela est pertinent dans votre projet.
📄️ 24-1 Gérer une erreur localement dans le composant
Une première approche est de faire la gestion d'erreur à la pièce, au niveau du composant.
📄️ 24-2 Composant ErreurComponent
Il est possible de créer un composant pour l'affichage d'un message d'erreur. Composant qu'on pourra réutiliser dans les autres composants nécessitant d'afficher une erreur.
📄️ 24-3 Classe BaseComponent pour propriétés réutilisées
Peut-être vous êtes-vous dit que d'ajouter une propriété msgErreur dans chaque composante serait fastidieux, en plus de représenter de la duplication de code. De plus, un oubli est facile.
📄️ 24-4 Gestion de l'état de chargement
Un autre élément que nous avons en quelque sorte ignoré jusqu'à maintenant est l'indication du chargement. Il est pratique courante de fournir à l'utilisateur une indication visuelle que l'application ou une composante est en train de charger des données. Autrement, sans indication, on ne sait pas s'il n'y a aucune donnée ou s'il y a eu une erreur.
📄️ 24-5 Méthodes activerChargement(), desactiverChargement() et setErreur()
Plutôt que d'utiliser les propriétés directement de la classe BaseComponent, il est préférable d'utiliser des fonctions dédiées et de mettre les propriétés privées.
📄️ 24-6 Page 404
On ne gère pas les cas où accéder à un composant de page pour une ressource inexistante, par exemple un id de projet qui n'existe pas, devrait retourner une page 404.