Building an Android UI using declarative programming in Jetpack Compose
summary
Jetpack Compose replaces XML with Kotlin functions and a uni‑directional state model, letting apps own state via mutableStateOf and remember and observe flows with collectAsState. Scrolling lists use lazy column instead of a 15‑file RecyclerView setup, shrinking boilerplate to ~100 lines. Built examples include an animated list→full‑screen card (tween crossfade and animateRectAsState), an elapsed‑time component using launchedEffect, desktop/web targets, and production use at Bontouch.
AI-written summary · about
chapters (19)
- 0:00Intro
- 3:36Declaring
- 5:18State management
- 7:01Scrolling lists
- 9:16What is Compose
- 13:20Kotlin
- 15:49Components
- 18:50State
- 25:05Code Sample
- 25:16UI Design
- 26:11Demo
- 30:20Employee seconds
- 35:02On globally position modifier
- 36:07List
- 38:10TargetRect
- 39:31ResizeRect
- 40:32Employee Details
- 41:44Summary
- 43:20Questions
related talks
35mNext Generation Android UI with Jetpack Compose
35mDeclarative UI patterns
01h 05mLet's build Android UI with Jetpack Compose
44mUnleashing the Power of Jetpack Compose: Revolutionizing Android UI Development
32mJetpack Compose — Next Gen Kotlin UI Toolkit for Android
01h 00mJetpack Compose - Next Gen Kotlin UI Toolkit for Android
45mOn the road to Jetpack Compose
01h 12mJetpack Compose over inheritance