Posted on Leave a comment

Android Jetpack Compose

Android’s modern toolkit for building native UI [ https://developer.android.com/jetpack/compose ]

API Guidelines for Jetpack Compose
[https://github.com/androidx/androidx/blob/androidx-main/compose/docs/compose-api-guidelines.md]

Introducing #JetpackCompose Alpha!
26.08.2020 [https://twitter.com/AndroidDev/status/1298668020219424772?s=20]
[https://android-developers.googleblog.com/2020/08/announcing-jetpack-compose-alpha.html]

API Guidelines for Jetpack Compose
[https://github.com/androidx/androidx/blob/androidx-main/compose/docs/compose-api-guidelines.md]

Compose Academy. Snippets and guides for Jetpack Compose on the Android platform.
[https://compose.academy/]

https://www.jetpackcompose.app/

Compose Samples Repository [ https://github.com/android/compose-samples ]

A Deep Dive Into Jetpack Compose [ https://medium.com/better-programming/deep-dive-into-jetpack-compose-b09713760019 ]

Exploring Drawers in Jetpack Compose [ https://android.jlelse.eu/exploring-drawers-in-jetpack-compose-3131e6f1b07b ]

A collection of extension libraries for Jetpack Compose
[https://github.com/google/accompanist]

Jetpack Compose for Desktop, a modern UI framework for Kotlin that makes building performant and beautiful user interfaces easy and enjoyable.
[https://github.com/JetBrains/compose-jb]

Jetpack Compose
[https://developer.android.com/courses/pathways/compose]

Codelab

Advanced State and Side Effects in Jetpack Compose
[https://developer.android.com/codelabs/jetpack-compose-advanced-state-side-effects#0]
Jetpack Compose Side-Effects I — LaunchedEffect
[https://proandroiddev.com/jetpack-compose-side-effects-launchedeffect-59d2330d7834]
Jetpack Compose Side-Effects II — rememberCoroutineScope
[https://proandroiddev.com/jetpack-compose-side-effects-ii-remembercoroutinescope-76104d7ff09]
Jetpack Compose Side-Effects III— rememberUpdatedState
[https://proandroiddev.com/jetpack-compose-side-effects-iii-rememberupdatedstate-c8df7b90a01d]


Intro to animations with Jetpack Compose [ https://proandroiddev.com/rotating-pokeball-animation-with-jetpack-compose-e3e839782cba ]

Jetpack Compose under the hood: Touch Events
[https://proandroiddev.com/jetpack-compose-under-the-hood-touch-events-c237ce1ff755]

Jetpack Compose Effect Handlers
08.2022 [https://effectiveandroid.substack.com/p/jetpack-compose-effect-handlers]

Parallax Effect with SensorManager using Jetpack Compose
[https://proandroiddev.com/parallax-effect-with-sensormanager-using-jetpack-compose-a735a2f5811b]

A curated list of awesome Jetpack Compose libraries, projects, articles and resources
[https://github.com/jetpack-compose/jetpack-compose-awesome]

Why do we need Jetpack Compose?
[https://proandroiddev.com/why-do-we-need-jetpack-compose-d69a5fd20122]

Jetpack Compose Concepts Every Developer Should Know
[https://medium.com/captech-corner/jetpack-compose-concepts-every-developer-should-know-5bcb47914542]

Let’s Make a Countdown Timer app using Android Compose
[https://proandroiddev.com/lets-make-a-countdown-timer-app-using-android-compose-762cbdd16f3f]

JetPack Compose With Server Driven UI
[https://medium.com/android-dev-hacks/jetpack-compose-with-server-driven-ui-396a19f0a661]

Jetpack Compose: пользовательский интерфейс Twitter
[https://nuancesprog.ru/p/7986/]

Recomposition
[https://github.com/AidaIssayeva/recomposition_examples]
[https://multithreaded.stitchfix.com/blog/2022/08/05/jetpack-compose-recomposition/]
Jetpack Compose: Quick tips to avoid recomposition
[https://natalieb.substack.com/p/jetpack-compose-quick-tips-to-avoid]
Jetpack Compose Stability Explained
[https://medium.com/androiddevelopers/jetpack-compose-stability-explained-79c10db270c8]
Jetpack Compose: Debugging Recomposition
[https://medium.com/androiddevelopers/jetpack-compose-debugging-recomposition-bfcf4a6f8d37]

CompositionLocal в Jetpack Compose. Что это и как с его помощью реализовать реактивную локализацию приложения
[https://habr.com/ru/post/546532/]

Understanding Jetpack Compose — Part 1 of 2
28.08.2020 [https://medium.com/androiddevelopers/understanding-jetpack-compose-part-1-of-2-ca316fe39050]
Under the hood of Jetpack Compose — part 2 of 2
[https://medium.com/androiddevelopers/under-the-hood-of-jetpack-compose-part-2-of-2-37b2c20c6cdd]

Showkase is an annotation-processor based Android library that helps you organize, discover, search and visualize Jetpack Compose UI elements
[https://github.com/airbnb/Showkase]

Jetpack Compose Playground
[https://foso.github.io/Jetpack-Compose-Playground/]


Making friends with Jetpack Compose and MVI && Easing In and Out with Jetpack Compose


Jetpack Compose: Live-coding сессия — Григорьев Дмитрий
[https://youtu.be/b2wyFtWEzX0]

TheAndroidShow​: Jetpack Compose Livestream by Chet Haase and Chris Banes


Jetpack Compose Interop Part 1: Using Traditional Views and Layouts in Compose with AndroidView
[https://proandroiddev.com/jetpack-compose-interop-part-1-using-traditional-views-and-layouts-in-compose-with-androidview-b6f1b1c3eb1]
[https://proandroiddev.com/jetpack-compose-interop-part-2-using-compose-in-traditional-android-views-and-layouts-with-a3c50fc2eaa5]

Better handling states between ViewModel and Composable
[https://proandroiddev.com/better-handling-states-between-viewmodel-and-composable-7ca14af379cb]

A comprehensive hundred-line navigation for Jetpack/Desktop Compose
[https://proandroiddev.com/a-comprehensive-hundred-line-navigation-for-jetpack-desktop-compose-5b723c4f256e]

[Compose Snippet]Neomorphic Button
[https://proandroiddev.com/compose-snippet-neomorphic-button-7aa7abd43c91]

Android Jetpack Compose: Navigation
[https://proandroiddev.com/android-jetpack-compose-navigation-1cdfc488b891]

Navigating through multi-module Jetpack Compose applications
[https://proandroiddev.com/navigating-through-multi-module-jetpack-compose-applications-6c9a31fa12b6]

Масштабируем Jetpack Compose Navigation
[https://habr.com/ru/company/badoo/blog/596953/]

Jetpack Compose — Before and after
by Chris Banes [https://medium.com/androiddevelopers/jetpack-compose-before-and-after-8b43ba0b7d4f]

Keyboard handling in Jetpack Compose
[https://dev.to/tkuenneth/keyboard-handling-in-jetpack-compose-2593]

Lifecycle of Composables in Jetpack Compose
07.2022 [https://www.raywenderlich.com/32617206-lifecycle-of-composables-in-jetpack-compose]


Delish, a Food Recipes App in Jetpack Compose and Hilt based on modern Android tech-stacks and MVVM clean architecture.
[https://github.com/Elbehiry/Delish]

Switch Snake implemented using Compose Desktop
[https://github.com/theapache64/switch-snake]


Canvas and drawing

Jetpack Compose Canvas
08.2021 [https://medium.com/falabellatechnology/jetpack-compose-canvas-8aee73eab393]

Exploring Jetpack Compose Canvas: the power of drawing
03.2021 [https://medium.com/google-developer-experts/exploring-jetpack-compose-canvas-the-power-of-drawing-8cc60815babe]

Custom Shape with Jetpack Compose
04.2021 [https://juliensalvi.medium.com/custom-shape-with-jetpack-compose-1cb48a991d42]

Animation

Jetpack Compose animation library that allows you to implement animations such as shared element transition.
[https://github.com/skydoves/Orbital]

Have Fun With Jetpack Compose GraphicsLayer Modifier
[https://medium.com/mobile-app-development-publication/have-fun-with-jetpack-compose-graphicslayer-modifier-e39c12a4791f]

Android Jetpack Compose: Animation Spec Made Easy
[https://medium.com/mobile-app-development-publication/android-jetpack-compose-animation-spec-made-easy-6e7990aef203]

How to animate BottomSheet content using Jetpack Compose
[https://proandroiddev.com/how-to-animate-bottomsheet-content-using-jetpack-compose-3eab972b3bdc]

Jetpack Compose Animations in Real Time
[https://proandroiddev.com/compose-animations-in-real-time-6068f10595ba]

Android — Spring & Fling Animations with Jetpack compose
[https://blog.canopas.com/android-spring-fling-animation-in-jetpack-compose-64b2a2e54c88]

Animate with Jetpack Compose: Animate as State and Animation Specs
[https://proandroiddev.com/animate-with-jetpack-compose-animate-as-state-and-animation-specs-ffc708bb45f8]


Experience

Lessons learned when migrating my app to Jetpack Compose
[https://proandroiddev.com/lessons-learned-when-migrating-my-app-to-jetpack-compose-55ea1b05b988]


Testing

Why should you always test Compose performance in release?
[https://medium.com/androiddevelopers/why-should-you-always-test-compose-performance-in-release-4168dd0f2c71]

Which lint rules does Jetpack Compose ship with?
[https://www.jetpackcompose.app/articles/which-lint-rules-does-jetpack-compose-ship-with]

Screenshot testing
[https://github.com/airbnb/Showkase]
[https://github.com/facebook/screenshot-tests-for-android]
[https://github.com/cashapp/paparazzi]
[https://proandroiddev.com/no-emulator-needed-for-screenshot-tests-of-compose-previews-on-ci-d292fa0eb26e]
No emulator needed for screenshot tests of Compose @Previews on CI

Testing cheat sheet
Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.