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
370
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
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
240
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
240
Testing Trophyは叫ばない
toms74209200
0
890
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
450
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
590
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
180
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
2.4k
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
teamlab
PRO
1
130
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
22
5.8k
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.9k
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
530
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.1k
Bash Introduction
62gerente
615
210k
Balancing Empowerment & Direction
lara
3
620
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
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 !