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
160
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
35
Learn Kotlin in 1 Day
karan4c6
0
98
Other Decks in Programming
See All in Programming
今、知っておきたい! 生成AIエージェントの世界
elith
3
340
Ruby Function Composition
bkuhlmann
1
320
Build with AI 2024 Seoul - 제로부터 시작하는 Flutter with Gemini 생활 - 박제창
itsmedreamwalker
0
200
Introduction for Open Source Swift Workshop
giginet
PRO
0
1.1k
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
210
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
3.1k
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
Front-end application development, Symfony-style(s)
dunglas
2
1.9k
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
230
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
7
3.1k
Folding Cheat Sheet #3
philipschwarz
PRO
0
110
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
250
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Pencils Down: Stop Designing & Start Developing
hursman
116
11k
Making Projects Easy
brettharned
107
5.5k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Git: the NoSQL Database
bkeepers
PRO
421
63k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
Web Components: a chance to create the future
zenorocha
304
41k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
13k
Documentation Writing (for coders)
carmenintech
59
3.9k
A Tale of Four Properties
chriscoyier
150
22k
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 !