🔨 Разница между Compose Multiplatform и Jetpack Compose

На сайте JetBrains появилась страница с описанием различий между Compose Multiplatform от JetBrains и Jetpack Compose от Google.

Ключевые различия:
👉 Jetpack Compose фокусируется на Android, и не все компоненты доступны из общего (Kotlin common) кода в Compose Multiplatform.
👉 Compose Multiplatform включает множество платформенно-специфичных API: Desktop, Web, iOS. Эти API недоступны из общего кода.
👉 Некоторые библиотеки для Compose публикуются JetBrains с отдельными пакетами, чтобы добавить поддержку Compose Multiplatform.

Этот момент не упомянут в статье, но важным различием являются инструменты для разработки: для Compose Multiplatform они пока находятся на более ранней стадии и уступают Jetpack Compose.

#compose #cmp

⚙️ Вышел Jetpack Compose 1.7.7 c исправление багов

Подробности изменений
👉 Animation
👉 Foundation
👉 Material
👉 Runtime
👉 UI

#compose

⚙️ Вышла первая beta Jetpack Compose 1.8.0

Подробности изменений тут
👉 Animation
👉 Foundation
👉 Material
👉 Runtime
👉 UI

#compose

⚙️ Одна из полезных оптимизаций для работы Compose - использование аннотации @NonRestartableComposable, которая сообщает Compose: «Не перезапускать эту функцию, даже если родительский компонент обновился».

Когда использовать?
✅ Функция является обёрткой над другой Composable функцией
✅ Если метод не зависит от состояния и всегда ведёт себя одинаково.
✅ Когда нужно оптимизировать производительность и уменьшить лишние перестроения.
✅ В случаях, когда внутри создаётся сложный объект, который не должен пересоздаваться

// Пример функции из Jetpack Material 3
@NonRestartableComposable
@Composable
fun Icon(
    painter: Painter,
    contentDescription: String?,
    modifier: Modifier = Modifier,
    tint: Color = LocalContentColor.current,
    contentScale: ContentScale = ContentScale.Fit
) {
    Image(painter = painter, contentDescription = contentDescription, modifier = modifier, colorFilter = tint.asColorFilter())
}

Аннотацию надо использовать разумно и не стоит использовать, если…
❌ Функция зависит от состояния (включая CompositonLocal)

// НЕ НАДО @NonRestartableComposable
@Composable
fun Timer() {
    var time by remember { mutableStateOf(0) }
    
    LaunchedEffect(Unit) {
        while (true) {
            delay(1000)
            time++
        }
    }
    
    Text("Time: $time")
}

‼️ Будьте внимательны и убирайте/добавляйте аннотацию, если код Composable функции меняется

#composable #оптимизации

📹 Testing | Jetpack Compose Tips (EN, 5 мин)

Compose превью помогают быстро проверять компоненты во время разработки, а с помощью Gradle-плагина для тестирования скриншотов превью можно автоматизировать визуальные регрессионные тесты. Для тестирования поведения теперь доступен новый API – DeviceConfigurationOverride, который позволяет эмулировать различные конфигурации устройств без необходимости запускать несколько эмуляторов для полного набора тестов.

#compose #androidstudio #инструменты #android

📹 Decompose шаг за шагом. Часть 1 (1.5ч)

Обзор основных компонентов библиотеки Decompose, демонстрация на примере простого приложения как можно использовать разные её компоненты и возможности.

📹 Также можно посмотреть на VK Video

#compose #kmp #decompose

⚙️ Как сделать маски произвольной формы на Compose (EN, 3м)

Для решения задачи берется PNG маски, Modifier.drawWithContent() и BlendMode

🔗 Ссылка без VPN

#compose