Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Introduction to Jetpack Compose
Karan
January 14, 2023
Programming
0
51
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
14
Learn Kotlin in 1 Day
karan4c6
0
41
Other Decks in Programming
See All in Programming
AWSにおける標的型Bot対策
hacomono
0
420
An Advanced Introduction to R
nicetak
0
1.8k
23年のJavaトレンドは?Quarkusで理解するコンテナネイティブJava
tatsuya1bm
1
120
LIFFで動く割り勘アプリTATEKAをリリースしてみた話
inoue2002
0
260
TypeScript 4.9のas const satisfiesが便利
tonkotsuboy_com
9
2.3k
Ruby Pattern Matching
bkuhlmann
0
610
Enumを自動で網羅的にテストしてみた
estie
0
1.3k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
42k
Form実装基本を学び直してみた
hyugatsukui
0
240
ECS Service Connectでマイクロサービスを繋いでみた
xblood
0
550
Excelの助けを借りて楽にシナリオを作ろう
rpa_niiyama
0
310
新卒でサービス立ち上げから Hasuraを使って3年経った振り返り
yutorin
0
230
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
69
7.5k
Ruby is Unlike a Banana
tanoku
93
9.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
Code Reviewing Like a Champion
maltzj
508
38k
How to Ace a Technical Interview
jacobian
270
21k
Fantastic passwords and where to find them - at NoRuKo
philnash
32
1.9k
Become a Pro
speakerdeck
PRO
6
3.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
22
43k
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
224
50k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
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 !