Model-driven navigation with Jetpack Compose – From zero to hero
summary
Argues that navigation should be state-first and shows a concrete Jetpack Compose implementation: navigation targets as sealed class tokens resolved to composables, a backstack implemented as simple list operations (push/pop/replace) enabling fast unit tests instead of instrumentation, and animations wired via updateTransition to animate alpha/offset/rotation. Demonstrates a card-swipe model and view‑pager mapping built in a few hours, and points to the released library Epics with video captures proving the approach works in real apps.
AI-written summary · about
chapters (10)
- 0:00Introduction and motivation
- 5:48Navigating from code
- 8:15Navigation state representation
- 11:08Building a simple backstack
- 13:12Adding transition animations
- 17:29Model-driven navigation explained
- 20:00Navigation model examples
- 23:54Screen fluidity and viewport concept
- 25:59Composable navigation
- 29:50Summary and Epics library
related talks
34mModel-driven navigation with Appyx – From zero to hero
35mPainless, Typesafe Jetpack Compose Navigation with Voyager
36mNavigating the future with Jetpack Navigation 3
19mUsing Jetpack libraries in Compose
46mModo in Action: Fast and Flexible Navigation for Jetpack Compose
42mComposing your navigation: charting your route in the Jetpack ecosystem
38mNavigating the future with Jetpack Navigation 3
49mNavigating with Jetpack Compose