Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Jetpack Compose
Search
Karan
January 14, 2023
Programming
0
390
Introduction to Jetpack Compose
Karan
January 14, 2023
Tweet
Share
More Decks by Karan
See All by Karan
Building an Accessible Android Weather App: Lessons from iOS Weather App's A11y Features
karan4c6
0
62
Learn Kotlin in 1 Day
karan4c6
0
140
Other Decks in Programming
See All in Programming
Serena MCPのすすめ
wadakatu
4
1k
CSC509 Lecture 06
javiergs
PRO
0
260
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
940
What's new in Spring Modulith?
olivergierke
1
150
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
850
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
160
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
110
NixOS + Kubernetesで構築する自宅サーバーのすべて
ichi_h3
0
870
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
450
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
220
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1.1k
CSC509 Lecture 05
javiergs
PRO
0
300
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Writing Fast Ruby
sferik
629
62k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Docker and Python
trallard
46
3.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
20
1.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Gamification - CAS2011
davidbonilla
81
5.5k
A Tale of Four Properties
chriscoyier
161
23k
What's in a price? How to price your products and services
michaelherold
246
12k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Transcript
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 !