Tweet
Tweet

Slide 1

Slide 1 text

Intro to Jetpack Compose Aida Issayeva

Slide 2

Slide 2 text

About me 󰠁 Software Engineer 󰠅 Instructor 🤖 I build Android apps 🐦 @aida_isay 🌐 cupsofcode.com

Slide 3

Slide 3 text

HOW WHAT View Compose

Slide 4

Slide 4 text

View Compose

Slide 5

Slide 5 text

History of building and binding UI in Android 2008 API 1 View.java layout_name.xml 2021 Butterknife DataBinding Jetpack Compose 🎉 findViewById() 2017 2013 Kotlin Synthetic 2019 2016 ViewBinding @Composable fun screen()

Slide 6

Slide 6 text

Compose View https://medium.com/mobile-app-development-publication/jetpack-compose-view-android-view-comparison-52005ac64b8c

Slide 7

Slide 7 text

Table of differences View Compose Language XML Kotlin Theming Manifest.xml MaterialThemeComposable Base Class Compose Function Arguments Fixed constructor Flexible function Decoration Attribute based Modifier based State Management Inner state of UI widget != data state: Manually updating view based on changed data Recomposition: UI is tied to data and gets automatically changed

Slide 8

Slide 8 text

Resources 1. Android Jetpack Compose Documentation 2. Declarative vs Imperative UI in Android 3. Jetpack Compose View vs Android View Comparison

Slide 9

Slide 9 text

Thank you cupsofcode.com @aida_isay