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
360
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
59
Learn Kotlin in 1 Day
karan4c6
0
130
Other Decks in Programming
See All in Programming
画像コンペでのベースラインモデルの育て方
tattaka
3
1.4k
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
270
Bedrock AgentCore ObservabilityによるAIエージェントの運用
licux
8
580
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
38
11k
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
rvirus0817
0
760
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
1
250
AIのメモリー
watany
13
1.4k
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
41
16k
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
450
CEDEC2025 長期運営ゲームをあと10年続けるための0から始める自動テスト ~4000項目を50%自動化し、月1→毎日実行にした3年間~
akatsukigames_tech
0
110
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
250
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Practical Orchestrator
shlominoach
190
11k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Making Projects Easy
brettharned
117
6.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Designing Experiences People Love
moore
142
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
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 !