How it's made: Jetpack Compose
summary
Demo builds a Stark roll call that inserts names into an alphabetized list and updates a header when all are present, proving the UI simply mirrors application state. Code uses @Composable annotation and state marked with @Model annotation, and the compiler edits source via a compiler plugin to add positional memoization (caching) so nodes are reused, only new or changed items recomposed, keys on text widgets preserve identity, listeners are injected, and the result is an efficient declarative UI without manual view mutation.
AI-written summary · about
chapters (8)
- 0:00Introduction to Jetpack Compose
- 1:34State and UI relationship
- 4:43Imperative vs declarative UI
- 6:08Compose code example
- 8:17Positional memoization explained
- 12:48Compose compiler plugin
- 13:29Key takeaways summary
- 15:33Q&A session
related talks
01h 00mJetpack Compose - Next Gen Kotlin UI Toolkit for Android
32mJetpack Compose — Next Gen Kotlin UI Toolkit for Android
17mWhat's new in Jetpack Compose
45mFirst look at Jetpack Compose
49mBuilding an Android UI using declarative programming in Jetpack Compose
34mLearning Jetpack Compose By Example
01h 12mJetpack Compose over inheritance
40mJetpack Compose basics