⚙️ Развеиваем мифы о Stability в Compose: оптимизации Strong Skipping (9м)

Интересная статья с экспериментов как происходит рекомпозиция в зависимости от параметров. влияние лямбд и strong skipping режима работы компилятора.

По итогу автор выводит ряд рекомендаций (зайдите поставьте лайк на Хабре за статью):
1️⃣ Compose стал более агрессивно оптимизировать пропуск Composable функций, когда параметры не изменились.
2️⃣ Акцент в отдладке Compose сдвигается от метрик и отчетов к отладке на основе LayoutInspector и других инструментов, потому что метрики и отчеты говорят слишком мало о реальной производительности компонентов.
3️⃣ Чтобы обновить UI, используя нестабильные аргументы, нужно создать новый инстанс такого аргумента в памяти, и метод copy дата-классов для этого отлично подходит.
4️⃣ При работе с коллекциями для оптимизации рекомпозиций больше не нужно использовать Immutable Collections, однако придется обновлять их с созданием нового инстанса. Альтернатива использовать - SnapshotStateList.
5️⃣ При работе с лямбдами для максимальной производительности нужно захватывать только те объекты, которые действительно нужны: если нужно только одно поле класса, лучше прочитать поле в отдельную переменную и сослаться на нее.

🐱 Код из статьи есть на GitHub

#compose #производительность

⚙️ Создание кастомного тултипа с Jetpack Compose (11м)

Пример реализации виджета тултипа, который должен уметь:
👉 Показываться под якорным элементом в виде облачка
👉 Скрываться согласно нашей кастомной логике
👉 Добавляться в существующие экраны с минимальными затратами
👉 Не блокировать взаимодействие с остальным UI

#compose

⚙️ Оптимизация Composable функции в с помощью спец. аннотаций `@ReadOnlyComposable`, `@NonRestartableComposable` и `@NonSkippableComposable`, которые дают Compose компилятору гарантии на основе которых упрощается генерируемый код, что позволит работать быстрее.

Очень подробный разбор в статье (EN) Материал обязателен тем кто пишет свой UI Kit или много собственных компонентов на Compose

#compose #производительность

⚙️ Rippler - опен-сорс библиотека для создания нативного для платформы и одинакого на всех версиях ОС эффекта нажатия в Compose Multiplatform.

Почему важно применить? Да потому что в Compose MP по умолчанию используется эффект в лоб от Material, да еще и не в лучшей реализации.

Подробнее про реализацию можно почитать в статье (7м)

#compose #пример

⚙️ В Compose 1.9.0 появится возможность кастомиризровать тени

Новая возможность появилась в Compose 1.9.0-alpha04. В release notes рассказывают про "новый кастомизируемый фреймвор теней" 🤯

@Composable
fun DropShadowSample() {
    Box(Modifier.size(100.dp, 100.dp)
         .dropShadow(RectangleShape, DropShadow(12.dp)))
}

@Composable
fun InnerShadowSample() {
    Box(Modifier.size(100.dp, 100.dp)
         .innerShadow(RectangleShape, InnerShadow(12.dp)))
}

#compose

⚙️ Вышел Jetpack Compose 1.9.0-alpha04

Самый просто способ обновиться - использовать свейжи BOM файл

// Добавляем в зависимости перед добавлением Compose зависимостей
// и лучше версию зависимостей не указывать вовсе, чтобы они всегда из BOM брались
implementation("androidx.compose:compose-bom-alpha:2025.06.00")

#compose

⚙️ LazyLayout стало Stable API в Jetpack Compose 1.9.0-alpha04

#compose

⚙️ API для управления контекстным меню текста сделали публичным в Jetpack Compose 1.9.0-alpha04

@Composable
fun AddComponentsToTextContextMenu() {
    val textFieldState = rememberTextFieldState()
    BasicTextField(
        state = textFieldState,
        modifier =
            Modifier.addTextContextMenuComponents {
                separator()
                item(key = ClearKeyDataObject, label = "Clear") {
                    textFieldState.clearText()
                    close()
                }
                separator()
            }
    )
}

#compose

⚙️ Для текстовых полей в Compose добавили поддержку умного выделения. Например, при выделения части Url или адреса на карте в тексте, система сама автоматом выделит всё. Уже работает в Compose 1.9.0-alpha04

#compose

🐱 OpenAnimationApp - демо приложение с демонстрацией работы разных Lottie анимаций на Android, iOS, Desktop/JVM и Web с использованием Kotlin Multiplatform. Демо сделано на основе Compottie - Compose Multiplatform обертки Lottie

#compose #анимация #android #desktop #ios #wasm #js #web

⚙️ Вышел Compose Multiplatform 1.8.2 с исправлением багов и поддержкой указания данных для параметров в превью режиме из common кода (нужна поддержка в IDE)

class TextPreviewParameterProvider : PreviewParameterProvider<String> {
     override val values = sequenceOf("Hello, Compose!", "Hello, World!")
}

/**
 * Получится превью со всеми возможными
 * значениями параметра из провайдера
 */
@Preview
@Composable
fun SamplePreview(
     @PreviewParameter(TextPreviewParameterProvider::class) text: String
) {
     Text(text)
}

#compose #kmp

⚙️ Пример реализации Modifer.privacySensitive() для Compose Multiplatform. Эффект - сокрытие UI при уходе с экрана

#compose

⚙️ Первая Beta Jetpack Compose 1.9.0 уже вышла

Самый простой способ попробовать новую версию - использовать BOM в Gradle

dependencies {
   implementation(platform("androidx.compose:compose-bom-beta:2025.06.01")
}

#compose #android

⚙️ Compose 1.8.3 с исправлением багов в UI артефакте

Самый простой способ попробовать новую версию - использовать BOM в Gradle

dependencies {
   implementation(platform("androidx.compose:compose-bom:2025.06.01")
}

#compose #android