Sobes.tech
Junior — Middle

Explique le principe de fonctionnement du modèle architectural MVVM et ses composants.

sobes.tech IA

Réponse de l'IA

MVVM (Model-View-ViewModel) — patron architectural qui divise la logique de l'application en trois composants:

  • Model — modèle de données et logique métier. Responsable de la gestion des données, par exemple, le chargement depuis le réseau ou une base de données.

  • View — interface utilisateur, affichant les données et recevant les actions de l'utilisateur.

  • ViewModel — intermédiaire entre Model et View. Contient la logique de présentation, transforme les données du modèle dans un format adapté à l'affichage, et traite les commandes de l'utilisateur.

Principe de fonctionnement:

  • La View s'abonne aux changements dans le ViewModel (par exemple, via des liaisons ou des observateurs).
  • Le ViewModel demande des données au Model et met à jour son état.
  • Lorsqu'il y a un changement de données, le ViewModel notifie la View, qui met à jour l'interface.

Cette séparation facilite les tests et la maintenance du code, car l'UI et la logique métier sont séparées.

Exemple en Swift utilisant Combine:

class ViewModel: ObservableObject {
    @Published var text: String = ""

    func fetchData() {
        // chargement des données et mise à jour de text
        text = "Données chargées"
    }
}

// La View s'abonne aux changements du ViewModel et met à jour l'UI automatiquement