Compose : Séparation State-holder / UI

Ce que fait cette compétence

Définit un pattern clair pour les écrans Jetpack Compose : garder la collecte d'état, le câblage du ViewModel, la navigation et la gestion des effets secondaires dans un petit composable state-holder, et placer la mise en page et le rendu purs dans des composables UI qui acceptent un état immuable simple et des callbacks. Cela réduit le couplage au cycle de vie, à l'injection de dépendances (DI) et à la navigation, rendant le code UI prévisualisable et plus facile à tester.

Quand l'utiliser

Appliquez ceci lorsqu'un écran mélange actuellement la collecte du ViewModel ou des composants avec la mise en page, lorsque les prévisualisations UI sont difficiles à écrire, lorsque les tests doivent construire tout le graphe de l'application pour valider de simples branches de mise en page, ou lorsque vous voulez rendre les composables réutilisables sur plusieurs plateformes (Android, Desktop, TV, KMP).

Ce qui est inclus

• Scripts : aucun
• Références : exemples en ligne et liens vers des compétences Compose associées dans le repo
• Instructions : exemples concrets en Kotlin montrant l'enveloppe state-holder et la surcharge UI pure, un tableau de règles empiriques, les erreurs courantes et leurs corrections, ainsi qu'un guide sur la gestion des effets.

Agents compatibles

Les agents qui aident au développement Kotlin/Compose (style Copilot ou LLM conscients du code) trouveront cela utile ; le contenu suppose une compréhension de Compose, des coroutines et des patterns de test.