We just launched Compose Examples featuring over 150+ components! Check it out →

Jetpack Compose Tutorials

Bottom Sheets that... just work

#compose #open-source #composables-core #bottom-sheets
Learn how to use the Composables Core library to create the bottom sheets of your dreams

🚀 The end of Composables Weekly

#news
... and the start of Composables 2.0

🚀 How to create Responsive Layouts in Jetpack Compose

#compose #responsive-design #material-3
Building layouts for screens big and small

🚀 Why you need ViewModels and why you don't

#compose #viewmodel #android #jvm #architecture
Everything you need to know about ViewModels in Jetpack Compose

🚀 Blazing fast Composables

#compose #optimization #android
Performance gotchas and optimizations in Jetpack Compose

🚀 Every single type of Dialog in Jetpack Compose and how to use them

#compose #dialog #alertdialog #material 3
Dialogs, AlertDialogs and DIYDialogs.

🚀 Pragmatic strategies on Jetpack Compose migration

#compose #android #interoperability #androidview
aka how to use Jetpack Compose without going broke

🚀 Drawing edge to edge in Jetpack Compose

#compose #insets #android
Use *ALL* the pixels

🚀 All about Google Accompanist

#compose #accompanist
Google's secret test lab for all things Compose

🚀 Change themes programmatically

#compose #theming #Material Design
As easy as 1..2..3

🚀 All about theming in Jetpack Compose

#compose #theming #basics #material design
A Jetpack Compose tutorial about how to use themes in your Jetpack Compose app, using Material 3 compose.

How to handle deeplinks using Jetpack Compose navigation

#compose #navigation #notifications #android
In this tutorial you will learn how to handle deep links in your Jetpack Compose app using the Jetpack Compose Navigation library.

Adding animations to Google Maps in Jetpack Compose

#compose #google-maps #animations
In this article Sinasamaki teaches you how to animate your Google Maps in Jetpack Compose.

How to use Bottom Sheets with Material 2 and 3 with examples in Jetpack Compose

#compose #bottom-sheet
Learn how to use Bottom Sheets in Jetpack Compose

How to automate the creation of your UI testing flows using Maestro Studio

#compose #UI-TESTING
In this tutorial we will see how to install Maestro Studio on your machine, how to use it to automate the creation of your testing flows.

Layout modifiers in Jetpack Compose

#compose #advanced
Jorge Castillo shares his in-depth knowledge about how Layout Modifiers work under the hood in Jetpack Compose.

Everything you need to know about Side Effects in Jetpack Compose with examples

#compose #side-effects #basics
After reading this guide you will become confident in using effect composables in your composable code. We will see why effect composables are important and what options there are so that you know what to use for each use case.

How to build a custom Facebook login button using Firebase Auth in Jetpack Compose

#firebase #compose #facebook #authentication
Learn how to how to create your own log in button to sign in with Facebook using Jetpack Compose and Firebase Authentication.

Ask other apps for photos, files and more using ActivityResultContracts

#compose #activity-result-contract #android #basics
This tutorial will teach you how to open other apps and ask for data using the ActivityResultContract in Jetpack Compose.

A comprehensive guide to Android runtime permissions using Jetpack Compose

#compose #permissions #android
In this tutorial, you will learn about the UX of Android runtime permissions and how to implement required and optional permission flows using Jetpack Compose.

What is the use of Scaffold in Jetpack Compose and is it necessary?

#compose #material design
Scaffold is a composable that works as a base for your screen(s). It can be used as a core layout that you can build on top of.

How to handle focus in Jetpack Compose with examples

#text #focus
This guide will show you how to handle text focus in Jetpack Compose. There are different APIs responsible for different functionalities around text focus: the FocusRequester, the FocusManager and the various focus related Modifiers. We'll cover all of them and how to utilize them in your Jetpack Compose applications.

Compose Desktop in Production: my experience and gotchas

#compose #desktop
In this article I will share my experiences using Compose Desktop building Ubidrop, a file sharing app and will give you an idea whether this technology is a good fit for your business.

🎁🎄 Holiday Offer – Pay what you like on View to Composable

#news #compose
For the rest of 2022, you can purchase your copy of View to Composable for as little of $1.

How to model complex screens in Jetpack Compose

#compose #android #architecture #state #viewmodel
This tutorial will teach you how to model complex screens in Jetpack Compose. Composable functions can represent different things on a screen. A composable function might represent a entire screen or individual elements on a screen.

Everything you need to know about State in Jetpack Compose with examples

#state
All about State in Jetpack Compose. Learn about what State is, how to create it and use it. You will learn about stateful and stateless composables and their gotchas. There is also a bonus section in the end 🎁.

How to enable and access developer settings on any Android phone

#basics #android
This tutorial will show you how to enable developer settings in any Android phone so that you can install and debug applications using ADB.

Save $100 on your Composable.co annual membership with the early bird offer

#news
A Jetpack Compose tutorial that teaches you how to use Firebase Auth with Jetpack Compose to authenticate via Google Sign-In.

How to automate your UI testing using Maestro

#compose #ui-testing
This tutorial will teach you how to use Maestro in order to automate your UI testing.

A visual guide to `ContentScale`

#Compose #UI
A visual guide showcasing the effects of different ContentScale types used on an Image composable.

Jetpack Compose 1.2.0 & Jetpack Compose Wear 1.0.0 are out

#news #compose
Jetpack Compose 1.2.0 brings new Downloadable fonts API, Lazy Grids, WindowInsets, easing curves for animation and more. See the summary of what changed.

How to sign-in with Google using Firebase Auth in Jetpack Compose

#firebase #compose #google #authentication
A Jetpack Compose tutorial that teaches you how to use Firebase Auth with Jetpack Compose to authenticate via Facebook using the LoginButton or custom UI.

How to use CompositionLocal to implement Analytics in Jetpack Compose

#compositionlocal #analytics #advanced
A Jetpack Compose article that teaches you how to utilize CompositionLocal to provide analytics deep into the Composition tree.

How to setup Jetpack Compose to a new or existing Android project

#basics #compose #android
A Jetpack Compose tutorial that shows you step-by-step how to create a new Jetpack Compose project and how to add Compose to an existing Android project.

How to understand Jetpack Compose code

#basics #compose
A Jetpack Compose tutorial that introduces the basics of Compose. Teaches you how to understand Jetpack Compose code, how to build basic layouts using your existing Views knowledge. Includes glimpsable cheat sheet with common Compose patterns.

How to navigate using Jetpack Compose Navigation with examples

#navigation #compose
A Jetpack Compose tutorial that introduces the basics of Navigation. Includes code samples and Github Repo.
by @alexstyl