⚙️ Вышел Jetpack Compose 1.8.1 с исправлениями ошибок

Обновляем BOM файл

implementation(platform("androidx.compose:compose-bom:2025.05.00"))

#compose

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

Обновляем BOM файл

implementation(platform("androidx.compose:compose-bom-alpha:2025.05.00"))

#compose

⚙️ Paging3 в стиле Compose: секретный DSL, о котором молчат все Android-разработчики (11м)

Автор статьи написал простое DSL для упрощения работы с пагинацией через JetPack Paging3, вместо решения в лоб от Google. Исходны код на 🐱 GitHub

@Composable
fun ArticlesPage(
    articles: LazyPagingItems<Article>,
    onAction: (NewsListAction) -> Unit,
) {
    val newsListState = rememberLazyListState()
 
    HandlePagingItems(articles) {
        onRefresh { CircularProgressIndicator() }
        onEmpty { // UI for empty list }
        onError { error -> // UI for error }
        onSuccess { items ->
            LazyColumn(newsListState) {
                onPagingItems(key = { it.id }) { article -> // UI for article }
                onAppendItem { CircularProgressIndicator(Modifier.padding(6.dp)) }
                onLastItem { // UI for end of the list }
            }
        }
    }
}

#compose #dsl

💠 Вышел Haze 1.6.0 - блюр в стиле glassmorphism для Compose Multiplatform

Что нового:
🤖 Размытие теперь работает на всех версиях Android
🎨 Поддержка размытия переднего плана (контента)
📐 Обработка размытых краёв

#compose

⚙️ Вышел Coil 3.2.0 - загрузчик изображений на Kotlin с поддержкой Compose Multiplatform

Что нового
⬆️ Обновление Kotlin, Compose, Okio, Skiko, Coroutines и др зависимостей до актуальных версий
🛠 Исправление багов
👉 Compose артефакты требуют Java 11 и выше из-за перехода на Compose 1.8.0

#compose

⚙️ Критерии Stable типа:

1️⃣ Все свойства val (желательно)
Свойства должны быть только для чтения (val). var допускается, если гарантируется стабильное поведение при изменениях.

2️⃣ Все свойства Stable типов
Все поля должны быть либо примитивами (Int, String, Boolean и т.д.), либо тоже Stable.
Свойства типа () -> Unit не считаются Stable, если не помечены аннотацией @Stable.
Лямбда сама по себе считается Stable типом, но важно что захватывает лямбда в теле и это может приводить к рекомпозиции

3️⃣ Нет reflection и переопределения equals/hashCode
Переопределённые методы могут сделать тип не Stable.

Проще говоря тип считается Stable, если:
👉 Его данные не изменяются неожиданно,
👉 Он не содержит ссылок на нестабильные объекты,
👉 Все его поля либо примитивные, либо Stable-типы.

Подробнее в документации

#compose

⚙️ Критерии Immutable типа в Compose

Immutable — это объект, который невозможно изменить после создания, и его поля тоже нельзя изменить (не берем в расчет способы через рефлексию)


1⃣ Все свойства val (строго)
2️⃣ Все свойства — Immutable типы
Каждый property должен быть либо примитивом (Int, String и т.д.), либо другим Immutable типом.
3️⃣ Класс должен быть data class или обычным class без открытых для наследования членов
В идеале — final класс.

// Пример
@Immutable
data class User(val id: Int, val name: String)

Подробнее в документации

#compose

⚙️ Когда стоит использовать аннотации @Stable и @Immutable в Jetpack Compose?

@Immutable
👉 Используйте, если ваш класс полностью неизменяемый после создания (все поля val, только immutable-типы).
👉 Это даёт максимальную оптимизацию recomposition — Compose уверен, что объект не поменяется неожиданно.

@Stable
👉 Используйте, если класс допускает изменения, но эти изменения происходят предсказуемо, и вы гарантируете корректную работу с recomposition.
👉 Полезно для сложных классов, коллекций или собственных типов состояния.

Для типов из библиотек можно указать их стабильность через файл конфигурации в Gradle скрипте:

// Указание типа как Stable
java.time.LocalDateTime

// НЕ СТОИТ ТАК ДЕЛАТЬ Указание всех типов в пакете как Stable
com.datalayer.*

// НЕ СТОИТ ТАК ДЕЛАТЬ Указание всех типов в пакете и подпакетах как Stable
com.datalayer.**

Подробнее в документации

#compose

⚙️ Strong Skipping Mode в Jetpack Compose - облегчение жизни разработчиков

Strong Skipping Mode — это режим, при котором Compose точно отслеживает изменения параметров composable-функций и пропускает рекомпозицию, если параметры не изменились и считаются Stable.

Как работает режим компилятора
👉 Если параметры функции Stable и равны предыдущим значениям (через Object.equals()), Compose пропускает рекомпозицию этого composable.
👉 Для Unstable типов происходит сравнение через проверку ссылки (вызов === в Kotlin), что минимизировать кол-во рекомпозиций
👉 Даже лямбды (() -> Unit) считаются Stable, но если они захватывают нестабильные объекты, Compose не сможет пропустить рекомпозицию, потому что захваченные значения могут измениться.
👉 При выключенном Strong Skipping режиме Compose реже пропускает рекомпозицию, даже если параметры формально Stable.

Почему это важно?
👉 Strong Skipping помогает избегать ненужных перерисовок и увеличивает производительность UI.
👉 Если вы передаёте в composable нестабильные параметры, skipping работать не будет — функция будет вызываться чаще.

Ключевые моменты:
👉 Лямбды по умолчанию Stable, но их захватываемые значения могут ломать skipping.
👉 Параметры типа SnapshotStateList, SnapshotStateMap, MutableState считаются Stable.
👉 Strong Skipping Mode по умолчанию включён с Kotlin 2.0.20, и его рекомендуется не отключать для современных проектов.

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

⚙️ Нужно ли проставлять аннотации @Stable и @Immutable сразу при написании кода? 🤔 Мой ответ — НЕТ!

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

Как анализировать рекомпозиции и пропуски?
👉 Используйте Layout Inspector в Android Studio (подробнее — в этом посте)
👉 Включайте отслеживание работы composable-функций в System Trace
👉 Можно воспользоваться библиотекой Compose Investigator, чтобы получать детальные логи по рекомпозициям

‼️ Важный нюанс:
Если вы используете типы из внешних библиотек или из модулей, где не подключён Compose Compiler, такие типы всегда считаются Unstable. Это может приводить к лишним рекомпозициям.

🚀 Strong Skipping Mode действительно упростил жизнь разработчикам, но старайтесь передавать в параметры Сomposable-функций только Stable или Immutable типы. Это позволит максимально эффективно использовать skipping и сделать UI более производительным.

#compose

⚙️ Compose Unstyled - набор основных компонентов для построения дизайн систем для Compose Multiplatform с поддержкой Desktop, Android, iOS, JS, WASM

Плюсы решения
👉 Компоненты без стилизации
👉 Поддержка доступности и навигации клавиатурой
👉 Простое API
👉 Одинаковое поведение на всех платформах
👉 Хорошая документация
👉 Все компоненты поддерживают все KMP таргеты Compose

#compose #kmp #composemp #android #ios #desktop #wasm #js

🐱 WikWok - красивое и удобное приложения, которое из статей Wikipedia делает просмотр в стиле TikTok.

Приложения с KMP и Compose Multiplatform для Android, iOS, Desktop, Web. Стек: Kotlin Inject, KStore, KotlinX библиотеки, Ktor, Coil, KMP Settings, Compose Desktop JVM Hot Reload

Автор - Константин Цховребов из JB команды KMP.

Скачать можно в Google Play, а вот в App Store не выкладывали.

#compose #kmp #kotlin #пример #android #desktop #ios #web #wasm