Codelab: Jetpack Compose Basics

on YouTube ↗01h 11m

" summary

Step-by-step codelab builds a small Compose app in Android Studio Arctic Fox showing setContent and @Composable functions, Material theming and Preview, using modifiers for padding and layout; it extracts UI into reusable composables, toggles an onboarding screen via a hosted boolean state, uses remember (and rememberSaveable) for state so expansion survives recomposition, and renders a performant list with LazyColumn with 1,000 items; the result runs in preview and on device and the onboarding → greetings flow and button-driven expand/collapse behavior work as demonstrated.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 1:47Overview
3. 3:18Project Structure
4. 10:40Compose Basics
5. 14:52Compose Surface
6. 17:43Modifiers
7. 21:11Separate Functions
8. 25:09Build Function
9. 26:01Column and Row
10. 30:53State Management
11. 32:05Builtin Functions
12. 39:51Final Code
13. 41:28State Hosting
14. 43:36Onboarding Screen
15. 46:29Code
16. 53:28Lazy List

" related talks

• 40mJetpack Compose basicsFlorina Muntenescu · Google I/O 2021
• 34mLearning Jetpack Compose By ExampleVinay Gaba · 360|AnDev 2020
• 01h 18mArt of Jetpack ComposeWajahat Karim · 360|AnDev 2020
• 48mLearning Jetpack Compose By ExampleVinay Gaba · Android Summit 2020
• 45mOn the road to Jetpack ComposeTiem, Sean Mcmillan · 360|AnDev 2020
• 35mNext Generation Android UI with Jetpack ComposePedro Veloso · droidcon SF 2019
• 45mFirst look at Jetpack ComposeŁukasz Wiszniewski · droidcon London 2019
• 01h 12mJetpack Compose over inheritanceAndrey Kulikov, Anastasiya Soboleva · Mobius 2020 Piter