Introduction to Jetpack Compose #AndroidTechTalks Karan Sharma 

Today we’ll explore .. Composable Functions Compose Layouts Compose UI Themes and Styling Flutter v/s Compose 

Why should we use Jetpack Compose ? # Less Code, less bugs # Declarative UI Approach, No XML # Compatible with Android Views # Material Design, Dark Theme, Animations # Unidirectional Data Flow 

Unidirectional Data Flow ● Decoupling State from UI ● Single source of Truth - State 

Composable Functions • @Composable annotation • Do not return anything. • Can execute in any order • Can execute in parallel. • They have memory 

Setup https://developer.android.com/jetpack/compose/setup 1.4 minSDKVersion 21 4.2 

Some more.. Setup 

Output Recomposition ● Composables are called repetitively ● Recompose when State changes ● Skips recomposition when no state change 

Jetpack Compose # Declarative UI Toolkit Screen EditText Form EditText Button Search Bar Icon EditText Login Email Password 

Output Modifiers (Decorate) 

Layouts 

Themes Let’s style our app ! 

Themes 

Themes (Colors) Colors.kt Theme.kt 

Themes (Colors) Theme.kt 

Themes (Typography) Theme.kt 

(Typography) add different fonts add fonts to your Theme Themes 

Let’s Compose ! 

Flutter v/s Compose # Production Ready #Declarative UI # Widgets # Composables # Hot Reload # Hot UI # Instant Run # Preview Compose for Web Compose for Desktop 

• https://developer.android.com/courses/pathways/compose • https://developer.android.com/jetpack/compose • https://developer.android.com/jetpack/compose/setup • https://jetpackcompose.app/ • https://www.jetbrains.com/lp/compose-desktop/ • https://compose-web.ui.pages.jetbrains.team/ • https://google.github.io/accompanist/ References 

Thank You !