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
320
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
56
Learn Kotlin in 1 Day
karan4c6
0
130
Other Decks in Programming
See All in Programming
파급효과: From AI to Android Development
l2hyunwoo
0
170
オープンソースコントリビュート入門
_katsuma
0
150
DevDay2025-OracleDatabase-kernel-addressing-history
oracle4engineer
PRO
1
150
データと事例で振り返るDevin導入の"リアル" / The Realities of Devin Reflected in Data and Case Studies
rkaga
3
2.9k
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
mizdra
PRO
1
170
Storybookの情報をMCPサーバー化する
shota_tech
3
1.4k
鯛変だったRubyKaigi 2025 ── それでも楽しかった!
pndcat
0
100
Flutterでllama.cppをつかってローカルLLMを試してみた
sakuraidayo
0
160
マイコンでもRustのtestがしたい/KernelVM Kansai 11
tnishinaga
1
960
マテリアルって何者?RealityKitで扱うマテリアル入門
nao_randd
0
120
最速Green Tea 🍵 Garbage Collector
kuro_kurorrr
1
160
Beyond_the_Prompt__Evaluating__Testing__and_Securing_LLM_Applications.pdf
meteatamel
0
120
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Raft: Consensus for Rubyists
vanstee
137
6.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Automating Front-end Workflow
addyosmani
1370
200k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
105
19k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.8k
Designing for humans not robots
tammielis
253
25k
Bash Introduction
62gerente
613
210k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
How STYLIGHT went responsive
nonsquared
100
5.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
810
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 !