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
Jetpack Compose - DevFest 2019
Search
Raka Adi Nugroho
September 24, 2022
Technology
0
100
Jetpack Compose - DevFest 2019
latepost, jetpack compose GDG DevFest 2019 Yogyakarta
Raka Adi Nugroho
September 24, 2022
Tweet
Share
More Decks by Raka Adi Nugroho
See All by Raka Adi Nugroho
Security Awareness: Web Development Process
rakaadinugroho
0
11
Open Telemetry in Web Development
rakaadinugroho
0
13
Software Architecture 101
rakaadinugroho
0
27
Coroutine x Retrofit - Android Developer Day
rakaadinugroho
0
760
Other Decks in Technology
See All in Technology
ナレッジグラフとLLMの相互利用
koujikozaki
0
430
グイグイ系QAマネージャーの仕事
sadonosake
0
350
Creative UIs with Compose: DroidKaigi 2024
chrishorner
1
600
2024年のナビゲーション・フォーカス対応:Composeでキーボード・ナビゲーションをサポートしよう
tahia910
0
110
持続可能なソフトウェア開発を支える『GitHub CI/CD実践ガイド』
tmknom
8
1.4k
スタッフエンジニアの道: The Staff Engineer’s Path
snoozer05
PRO
44
14k
「認証認可」という体験をデザインする ~Nekko Cloud認証認可基盤計画
logica0419
2
450
Google CloudのLLM活用の選択肢を広げるVertex AIのパートナーモデル
nayuts
0
130
GC24 Recap: Interface Internals
task4233
0
180
技術的負債解消の取り組みと専門チームのお話
bengo4com
0
340
Fediverse Discovery Providers overview
andypiper
0
170
再考 アクターモデル/ reconsider actor model
ytake
0
370
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.6k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
GraphQLとの向き合い方2022年版
quramy
43
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
401
65k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
The Pragmatic Product Professional
lauravandoore
31
6.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
Optimizing for Happiness
mojombo
375
69k
Transcript
None
JetPack Compose
About Raka Adi Nugroho - Software Engineer Android @Tokopedia -
External Academy Reviewer @Dicoding - Android Developer @PrivyID /rakaadinugroho
JetPack Compose
None
Overview Jetpack Compose Jetpack Compose is a modern toolkit for
building native Android UI. Jetpack Compose simplifies and accelerates UI development on Android with less code, powerful tools, and intuitive Kotlin APIs.
None
History of UI Toolkit
Android Journey
Common Thing Spread across several files - MainActivity.kt / JournalFragment.kt
- fragment_journal.xml - style.xml
Core Concept - Concise and Idiomatic Kotlin - Declarative -
Compatible - Beautiful Apps - Accelerate Development
Concise and Idiomatic Kotlin
Declarative
Declarative Imperative
Compatible
Beautiful Apps
Accelerate Development
Tokopedia UI - Unify
What do we need? - Re-Usable UI Component - Single
source of truth
Hi! Jetpack Compose Future?
Jetpack Compose - Major Components - Compose UI Library -
Compose Compiler
Jetpack Compose - Major Components
Android Studio Support
Layout Preview?
# 1 Data Flow?
Data Flow The declarative nature of Compose and it's UI
components influence how data flows through a Compose application. DATA EVENT
Data Flow - Data Flows Down DATA
Data Flow - Events flow up EVENT
UI as a Tree VS COLUMN JOURNAL ITEM 1 JOURNAL
ITEM N CARD TITLE ABSTRACTION BUTTON
UI as a Tree VS COLUMN JOURNAL ITEM 1 JOURNAL
ITEM N CARD TITLE ABSTRACTION BUTTON
# 2 State Handler
UI as a Function UI=f(s)
State Handler
Existing UI UI Rendering Compose
Demo
- Flexibility - Re-Usability - Reactive Model - Less code
POV : Pros & Cons - Min. API 21 - Layout Params (Padding)
Jetpack Compose build for U & I ?
Quick Recap 1. New Way to Build UI on Android
2. As an Android Developer, you must try
end; https://github.com/rakaadinugroho/ComposePlayground