android-jetpack-compose-expert
Créer des applications Android avec Jetpack Compose
Le développement Android moderne nécessite de comprendre la gestion d'état de Compose et l'optimisation des performances. Cette compétence fournit des modèles prêts pour la production pour créer des interfaces utilisateur réactives avec des ViewModels, une navigation sûre au niveau des types et Material Design 3.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "android-jetpack-compose-expert". Créer un écran de connexion avec des champs email et mot de passe
النتيجة المتوقعة:
- Composable LoginScreen avec des champs TextField pour l'email et le mot de passe
- Data class LoginUiState avec des états de validation
- LoginViewModel gérant l'authentification avec StateFlow
- Bouton stylé Material Design 3 avec indicateur de chargement
استخدام "android-jetpack-compose-expert". Optimiser cette liste pour la recomposition
النتيجة المتوقعة:
- Utiliser remember pour mettre en cache les résultats de liste triés/filtrés
- Appliquer l'annotation @Immutable aux data class items
- Passer des rappels de clic d'élément au lieu d'objets d'élément entiers
- Implémenter le paramètre key dans les éléments lazy pour une identité stable
التدقيق الأمني
آمنThis skill contains documentation-only content (Kotlin code examples for Android Jetpack Compose). All 33 static analysis findings are false positives: backticks detected are markdown formatting and Kotlin syntax, not shell command execution. No executable code, network access, or file system operations present.
درجة الجودة
ماذا يمكنك بناءه
Configuration de nouveau projet Android
Commencez avec un nouveau projet Android utilisant Jetpack Compose avec une configuration appropriée des dépendances et une structure de projet correcte.
Migration XML vers Compose
Migrez des mises en page existantes basées sur XML vers des interfaces Compose modernes tout en maintenant la fonctionnalité et en améliorant les performances.
Optimisation des performances
Déboguer et corriger les problèmes de recomposition, implémenter une gestion d'état appropriée et optimiser les performances de rendu de l'interface utilisateur.
جرّب هذه الموجهات
Créez un écran Jetpack Compose qui affiche un profil utilisateur avec nom, email et image d'avatar. Utilisez des composants Material Design 3 et suivez les meilleures pratiques Compose pour les composables sans état.
Générez un ViewModel pour un écran de connexion utilisant StateFlow pour l'état d'interface utilisateur. Incluez les états de chargement, succès et erreur. Utilisez une encapsulation appropriée en exposant uniquement StateFlow immuable.
Configurez Navigation Compose avec des routes sûres au niveau des types pour un flux de trois écrans : Accueil, Détail du produit et Paiement. Utilisez la nouvelle annotation @Serializable pour les définitions de routes.
Analysez ce code Compose pour identifier les problèmes potentiels de recomposition. Identifiez où remember, derivedStateOf ou key() devraient être utilisés pour optimiser les performances. Expliquez l'analyse de stabilité pour chaque data class.
أفضل الممارسات
- Utiliser remember et derivedStateOf pour minimiser les calculs inutiles pendant la recomposition
- Marquer les data classes comme @Immutable ou @Stable si elles contiennent List ou d'autres types instables
- Utiliser LaunchedEffect pour les effets secondaires ponctuels déclenchés par des changements d'état
تجنب
- Effectuer des opérations coûteuses comme le tri de listes directement dans le corps du composable sans remember
- Passer des instances ViewModel aux composants enfants au lieu d'état et de rappels
- Mettre à jour l'état directement dans la composition du composable au lieu d'un effet secondaire ou rappel