⚙️ Как в RuStore сделали дизайн-систему для мобильных устройств и TV (16м)

Разработчик RuStore рассказывает про разработанной концепции дизайн системы.

Содержание статьи:
👉 Что такое дизайн-система
👉 Почем не подойдет готовое
👉 Архитектура дизайн системы RuStore
👉 Демо приложение для дизайн системы
👉 Реализация дизайн системы в коде на Compose

#compose #android #rustore #ui

⚙️ Вышла первая бета-версия Compose MP 1.8.0

Что нового:
🏝 Полный переход на компилятор K2
👉 Поддержка вариативных шрифтов
👉 Поддержка ARM64 для Windows в Compose Desktop

iOS
👉 Экспериментальная поддержка Drag-and-drop на iOS
👉 Улучшение доступности на iOS
👉 Экспериментальный рендеринг на фоновом потоке
👉 Поддержка жеста "Назад" в Jetpack Navigation в версии 2.9.0-alpha15 для iOS

Web
👉 Экспериментальная предзагрузка ресурсов: шрифтов и изображений для веб-таргета
👉 Kotlin/Wasm и Kotlin/JS теперь корректно работают с базовыми элементами управления в браузере

#compose

‼️ Compose Multiplatform 1.8.0 будет полностью работать только с Kotlin 2.1.0 и выше из-за перехода на K2 компилятор. Часть возможностей может быть недоступна на старых версиях языка, например работа с klib артефактами проекта с Compose MP

#kotlin #compose

🔨 Вышла вторая RC новой версии Android Studio - Meerkat Feature Drop 2024.3.2

#android #androidstudio

⚙️ Demeter — новый инструмент для анализа производительности Compose-приложений в Android

Demeter создан для тех, кто пишет на Compose и задается вопросом «почему всё лагает?» Библиотека, разработанная командой мобильной разработки Яндекса, уже лежит в опенсорсе.

Что умеет:
👉 Показывает частоту и причины рекомпозиций
👉 Помогает понять, где и почему UI перестраивается
👉 Показывает время выполнения методов прямо во время работы
👉 Считает время переходов между экранами
👉 Анализирует создание объектов и потоки выполнения

🛠 Всё это — без ручного обвешивания кода и пересборок. Demeter внедряется на этапе компиляции. Используются Kotlin Compiler Plugin (анализ Compose до компиляции) и модификация байткода (в том числе для сторонних библиотек).

Я попробовал — выглядит как must-have инструмент для любого, кто пилит что-то серьёзное на Compose

Подробнее на Хабре 🐱
Исходники на GitHub

#compose #инструменты #opensource

📹 Полный обзор Ultron - UI тесты для Compose Multiplatform (3 часа) и версия на 📹 VK Video

Обзор фреймворка Ultron для написания UI тестов на Android. Если пишите чисто нативно под Android на Kaspresso, то переход дело вкуса, но вот именно на Compose Multiplatform открывается вся мощь!

🔗 Обсуждение технологии в чате @ultron_framework

8:13 Стандартный фреймворк для UI тестов
16:00 Kaspresso
18:48 Тесты на Ultron
24:28 Сравнение с Google и Kaspresso
25:25 Интеграционные Compose тесты
28:10 Пример 1. Тест на разных ферймворках
40:46 2 интеграционный тест
41:35 useUnmergedTree в Google framework
44:41 Пример 2. Тест на разных ферймворкахю
1:00:56 Ultron, индексы по всему LazyList
1:07:36 Ultron, testTag - 2 способ поиска в LazyList
1:11:41 Allure report, Ultron и Kaspresso
1:23:15 Разница в allure report между ними(Ultron и Kaspresso)
1:31:07 1 тест RecyclerView на других фреймворках, Page Object
1:35:40 Ultron, 1 тест RecyclerView, Page Object
1:39:00 2 тест RecyclerView на других фреймворках, Page Object
1:42:38 Ultron, 2 тест RecyclerView, Page Object
1:53:00 Ultron, Сравнение тестов LazyList и RecyclerView
1:54:11 Ultron, RecyclerView features
2:01:50 Ultron, UI automator, сравнение с Google
2:06:15 Ultron, тест WebView
2:11:04 Ultron listeners (и далее внутрянка)
2:14:43 Ultron extensions
2:19:55 Ultron withAssertion extension
2:23:43 Ultron performOnViewForcibly
2:26:11 Ultron, View custom extensions
2:34:04 Ultron, Compose custom extensions
2:41:16 Ultron, Rules management
2:50:48 Ultron, test data for single test

#compose #тестирование #anroid #ios #desktop

⚙️ У нас в проекте был Compose Multiplatform, но снова я бы так не делал (10 мин)

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

#compose

⚙️🤖 Что важно настроить в AndroidManifest, если вы разрабатываете приложение на KMP с поддержкой Android

Если вы Android разработчик, то вряд ли вам это пригодится, а вот для незнакомых глубоко с платформой от Google точно будет полезно

#compose #android

⚙️ JetBrains собирает реальные примеры приложение на Compose Multiplatform, чтобы подсветить их на главной странице сайта, видео, докладах и других материалах. Подать ваше приложение можно тут

#compose

⚙️ Вышел Jetpack Compose 1.8.0

Все новинки расскажу отдельными постами в @compose_broadcast, а именно:
👉 Autofill
👉 ресайзинг текста под контейне
👉 новое API для отслеживания Composable на экране
👉 анминирование границ Composable
👉 стабилизация API (убрали экспериментальные аннотации)
👉 ContextualFlowRow и ContextualFlowColumn теперь deprecated, им на замену используйте FlowRow и FlowColumn
👉 диалоги теперь учитывают режим экрана edge-to-edge
👉 упростили тестирование ClickableText
👉 появилась возможность кастомизации overscroll

Свежий BOM для новых версий

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

#compose #android

⚙️ В Jetpack Compose 1.8.0 появилась поддержка системного Autofill сервиса в Android.

Теперь через Modifier можно указать что за контент будет в поле ввода.

TextField(
  state = rememberTextFieldState(),
  modifier = Modifier.semantics {
    contentType = ContentType.Username 
  }
)

Также появилась поддержка автоматического сохранения логина/пароля. Автоматически будет вызывать при уходе с экрана, но вы также можете сами контролировать процесс. Больше подробностей в документации

#compos #android