Garder l’interface hors du code partagé
Définissez la limite pour que la couche partagée reste portable.
Garder l’interface hors du code partagé est une leçon Kotlin Multiplatform Academy gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Kotlin Multiplatform Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Kotlin Multiplatform Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
Draw a Clear Line
Shared code holds logic; the UI stays native. Drawing this line early keeps your common module portable to every target.
Why UI Does Not Belong
Android views and SwiftUI are platform-specific. Putting them in commonMain would break compilation on the other target instantly.
Logic Is the Reusable Part
Calculations, rules and models are what truly repeat across apps. That logic is the high-value code worth sharing once.
Return Data, Not Widgets
Shared functions should hand back plain data, like a total or a label string, never a button or a view.
fun cartLabel(total: Double): String = "Total due: " + totalNo Toasts or Alerts
Showing a message is a UI job. Shared code returns the text to show; each app decides how to display it.
No Colors or Styling
Hex colors and fonts are presentation. Keep styling in each platform's UI so designers can tune apps independently.
Expose State to the UI
Shared code can publish state the UI watches. The apps render it however they like, but never the other way around.
data class CartState(val total: Double, val itemCount: Int)The Dependency Direction
UI depends on shared code, never the reverse. This one-way arrow is what keeps the common module clean and reusable.
Compose MP Is the Exception
Compose Multiplatform can share UI too, but it is opt-in. Your core logic module still stays UI-free and lightweight.
A Quick Smell Test
If a shared file imports a platform UI package, that is a smell. Move that code out into the right app module.
The Payoff
A UI-free shared layer compiles everywhere and adds new targets with ease. Discipline here is what makes KMP pay off. 🚀
Quick Check
What should a shared function return instead of a UI widget?
Recap: Logic Shared, UI Native
You kept widgets, colors and alerts out of common code and let it expose only data the native UIs render. ✅
Questions Fréquemment Posées
La leçon « Garder l’interface hors du code partagé » est-elle gratuite ?
Oui — le texte complet de « Garder l’interface hors du code partagé » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Kotlin Multiplatform Academy, passe à CoddyKit PRO. Le cours Kotlin Multiplatform Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Garder l’interface hors du code partagé » ?
Définissez la limite pour que la couche partagée reste portable. Tu pratiques Kotlin Multiplatform Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Kotlin Multiplatform Academy ?
Aucune expérience préalable n'est requise. Kotlin Multiplatform Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Garder l’interface hors du code partagé » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Kotlin Multiplatform Academy ?
Oui. Chaque leçon Kotlin Multiplatform Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Un calculateur partagé de prix et de taxes
- Formater les devises et les nombres
- Règles métier sous forme de fonctions pures
- Garder l’interface hors du code partagé