#Article #Habr #Compose

Осознанная оптимизация Compose

Статья с перечислением достаточно большого количества оптимизаций кода на Compose. Можно проходить прямо по списку и подмечать те или иные моменты для улучшения вашего приложения.

Любопытное наблюдение: в последнее время стало явно заметно, что после появления у многих проблем с доступом к Medium, стремительно активизировался поток статей про Compose на Habr.

​​#Предложка #Libs #Compose

Подборка Compose библиотек от подписчика (Часть 1)

Не так давно на канале запустилась новая рубрика с разбором различных Compose библиотек, и вот один из подписчиков (@B1ays) поделился в нашем чате своим рекомендуемым списком:

▫️Compose Markdown — добавляет элемент MarkdownText(), имеющий полную поддержку формата Markdown.
▫️Compose Shimmer — добавляет модификатор .shimmer(), создающий у элемента эффект мерцания (аналог Shimmer от Meta).
▫️Material Motion compose — реализация motion system для Compose.
▫️ColorPicker compose — добавляет элементы ImageColorPicker (для выбора цвета с изображения) и HsvColorPicker (колесо выбора цвета).
▫️Landscapist — загрузка изображений полученных из сети в Compose интерфейсе. Умеет работать с Glide, Picasso и Fresco.
▫️Camposer — Compose обёртка для API камеры. Предоставляет возможность быстрой интеграции камеры в приложение

Напоминаю, что у нас есть чат, где каждый из вас также может предложить что-нибудь интересное, или же просто получить ответ на интересующий вопрос — @mobile_compose_chat.

#GoogleIO #Featured #AndroidDevelopers #JetpackCompose

[Eng] Advanced state and side effects in Jetpack Compose

Большое видео от ребят из Google, посвященное работе со State и Side Effects API в Jetpack Compose. Тема достаточно важная для понимания, поэтому рекомендую к просмотру.

​​#Предложка #Libs #Compose

Подборка Compose библиотек от подписчика (Часть 2)

Продолжение предыдущего поста о Compose библиотеках:

▫️Charty и Vico — библиотеки для работы с графиками и диаграммами разных видов.
▫️Pagecurl — добавляет эффект "книжной страницы" при перелистывании.
▫️Orbital — содержит различные анимации (к примеру, shared element transition).
▫️Seeker — добавляет свою реализацию SeekBar с высоким уровнем кастомизации.
▫️Compose Rich Editor — добавляет полностью кастомизируемый редактор Rich Text
▫️Rebugger (плагин для IDE) — библиотека для отладки UI, позволяющая отслеживать рекомпозиции, а так же причины которые их вызывают. Информацию выводит в Logcat.

​​#Tools #Compose

Jetpack Compose SVG to Compose converter

Появился онлайн конвертер SVG файлов (можно загрузить как SVG код так и файл целиком) в Composable функции. В некоторых кейсах вполне полезный инструмент.

Похоже, что убийца Twitter новое приложение Threads от Meta полностью написано на Compose. И всё это при своём живом React Native 🙃
Такие дела.

#News #Compose #Offtop

#Article #Medium #Canvas

Plotting Gradient Bezier Trends with Jetpack Compose

Новая (и очередная) статья о рисовании графика на канвасе в Compose при помощи кривых Безье.
Для тех, у кого проблемы с открытием Medium - зеркало.

#Video #Compose #Navigation

Навигируемся в Jetpack Compose

Доклад с осеннего Mobius 2022, посвященный одной из наиболее холиварных тем в Compose — выбору решения для навигации. В сравнении участвовали 4 основных библиотеки — Google Navigation, Appyx, Voyager и Modo.

​​#Libs #Compose

compose-bandage-reveal — интересный пример реализации эффекта "наклейки" для Swipe-To-Dismiss жестов.

#Article #Medium #Libs

Introducing Nibel: A Navigation Library for Adopting Jetpack Compose in Fragment-Based Apps

Команда Turo Engineering представила Nibel — навигационную open-source библиотеку для интеграции Jetpack Compose в Android-приложения на основе фрагментов. Используя возможности Kotlin Symbol Processor (KSP), Nibel обеспечивает типобезопасный способ навигации между экранами в следующих сценариях:
▫️fragment → compose
▫️compose → compose
▫️compose → fragment

👤 К слову, официальное приложение ChatGPT на Android также полностью написано на Compose.

#News #Compose #Offtop

​​#News #Multiplatform #Release #Compose

📣 🆕 Вышел релиз Compose Multiplatform 1.4.3

В новой версии добавили поддержку Kotlin 1.9.0, а также несколько исправлений имеющихся ошибок.
Подробнее о релизе 👉 тут

#Article #Medium #Compose

Jetpack Compose — The order of modifiers does matter

Статья посвящена такой важной теме при знакомстве с Jetpack Compose, как порядок модификаторов.

🇰🇷 Внезапно в Сеуле 🙃

Кстати, буквально неделю назад исполнилось ровно два года, как вышел первый стабильный релиз Jetpack Compose (1.0).
Как быстро летит время...

#Offtop

​​#News #Compose #Compiler

🆕🔥 Новости с полей: начиная с версии 1.5.0 Compose Compiler обеспечивает экспериментальную поддержку компилятора K2.
При этом, пока не весь функционал Compose поддерживается новой версией компилятора, часть будет добавлена позже в будущих версиях.

Надеюсь, скоро руки всё-таки дойдут до дайджеста, и там получится разобрать больше изменений последних релизов.

​​#News #Multiplatform #Release #Compose

📣 🆕 Релиз Compose Multiplatform 1.5.0-beta01

Из основных изменений:

Common
▫️Добавлены Dialog и Popup, а также поддержка WindowInsets
▫️Оптимизирована работа Canvas

iOS
▫️Физика скролла теперь похожа на нативную в iOS
▫️Шрифт по умолчанию теперь San Francisco
▫️Добавлена поддержка Density.textSize (Dynamic Type)
▫️Добавлена поддержка 120 FPS.

Подробнее о релизе 👉 тут

Для тех, кто вдруг переживал за то, что ChatGPT заменит программистов — мы в безопасности.

#Offtop

​​#Article #Medium #Compose

A Developer’s Approach to Identifying Jetpack Compose Usage in Apps

🗣 Отвлечемся от всех этих релизов...
Тут человек обнаружил способ определять какой UI фреймворк использует приложение без изучения его кода. Для этого нужен всего-лишь старый советский ... тоггл "Show layout bounds" из раздела Developer Options устройства.

Если вкратце:
▫️Android Views, React Native, и даже Compose внутри ComposeView — отмечаются синим цветов по углам
▫️Jetpack Compose — никаких синих углов, но обводка всё еще сохраняется
▫️Flutter — вообще никаких обводок ui компонентов

Зеркало статьи 👉 тут

#Video #Compose #Navigation

Декларативная архитектура и навигация с Decompose

Доклад c весеннего сезона Mobius 2023 от Алексея Панова, в котором он рассказывает про декларативную архитектуру и навигацию, а также на реальном примере показывает, как всё это интегрировать в проект с помощью библиотеки Decompose.

#Article #Medium #State #Compose

Jetpack Compose: Mastering States

Короткая, но полезная статья с разбором policy: SnapshotMutationPolicy<T> — второго и опционального параметра всем нам знакомой функции mutableStateOf, который может принимать одно из трёх значений:
▫️structuralEqualityPolicy
▫️neverEqualPolicy
▫️referentialEqualityPolicy

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