🔨 Разница между 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 #оптимизации