Correction d’une architecture mélangeant logique métier et interface

Scénario

Contexte : Une application mobile affiche une liste de produits récupérés depuis une API. Le Problème : Toute la logique d’appel réseau est directement écrite dans l’écran principal. Extrait logique actuelle : function loadProducts() { fetch('/api/products').then(res => res.json()).then(data => { this.products = data; }); } Contraintes : Extraire logique réseau dans une couche dédiée. Séparer responsabilités. Maintenir simplicité de l’écran. Livrable attendu : Proposer une refactorisation simple permettant séparation claire entre UI et couche Data.

Compétences ciblées