#MVVM - Historique des commandes

On va retourner sur l’écran du compte (Historique des commande pour le moment) qui utilise un SideEffect pour la requête réseau. Et on va l’améliorer avec la mise place d’un ViewModel AccountViewModel qui sera plus robuste et évolutif pour :

• Gérer l’état de la liste des commandes
• (Plus tard) Gérer l’inscription / connexion de l’utilisateur
• (Plus tard) Afficher les informations du compte de l’utilisateur
• (Plus tard) Gérer la déconnexion de l’utilisateur

#🧠 Notions

• Refactoring et utilisation de ViewModel
• Mise en place d’un UI State sur une vue Compose

#Etape 1 - ViewModel

#✅ Complétez les tâches suivantes

• Créez un AccountViewModel qui va remplacer le LaunchEffect pour la requête réseau, ainsi que vos différentes variables remember pour stocker les données
• Déplacer la logique de la requête réseau dans le ViewModel
• Instancier et connectez votre ViewModel à votre vue à un niveau suffisamment haut pour que les données soient partagées entre les différents composants de votre vue.

#Etape 2 - Refactoring de la vue

Maintenant que vous avez un ViewModel pour gérer les données de l’historique des commandes, vous allez améliorer la vue pour gérer les différents états de la liste des commandes.

#✅ Complétez les tâches suivantes

• Mettez en place un UIState pour gérer les états
• Les états de chargement, d’erreurs, de succès et de vide doivent être gérés
• Profitez en pour factoriser vos @Composable pour qu’ils ne soient pas trop gros, et qu’ils se concentrent sur une seule responsabilité.