Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Jetpack Compose - DevFest 2019

Avatar for Raka Adi Nugroho Raka Adi Nugroho
September 24, 2022
Technology
140
0

Jetpack Compose - DevFest 2019

latepost, jetpack compose GDG DevFest 2019 Yogyakarta

Avatar for Raka Adi Nugroho

Raka Adi Nugroho

September 24, 2022

More Decks by Raka Adi Nugroho

See All by Raka Adi Nugroho
Pemrograman Web - Pertemuan 1
Avatar for Raka Adi Nugroho rakaadinugroho
0
34
Leveraging GraphQL with Kotlin Multiplatform
Avatar for Raka Adi Nugroho rakaadinugroho
0
54
Security Awareness: Web Development Process
Avatar for Raka Adi Nugroho rakaadinugroho
0
45
Open Telemetry in Web Development
Avatar for Raka Adi Nugroho rakaadinugroho
0
49
Software Architecture 101
Avatar for Raka Adi Nugroho rakaadinugroho
0
73
Coroutine x Retrofit - Android Developer Day
Avatar for Raka Adi Nugroho rakaadinugroho
0
910

Other Decks in Technology

See All in Technology
制約を設計する - 非決定性との境界線 / Designing constraints
Avatar for soudai sone soudai
PRO
6
1.8k
AI時代に新卒採用、はじめました/junior-engineer-never-die
Avatar for dmnlk dmnlk
0
120
ブラックボックス化したMLシステムのVertex AI移行 / mlops_community_62
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
280
建設的な現実逃避のしかた / How to practice constructive escapism
Avatar for Pauli pauli
3
170
JSTQB Expert Levelシラバス 「テストマネジメント」日本語版のご紹介
Avatar for ymty ymty
0
130
OpenClaw初心者向けセミナー / OpenClaw Beginner Seminar
Avatar for hiranofumio cmhiranofumio
0
320
パワポ作るマンをMCP Apps化してみた
Avatar for iwamot iwamot
PRO
0
300
チームで育てるAI自走環境_20260409
Avatar for Taiga Fukuda fuktig
0
710
【関西電力KOI×VOLTMIND 生成AIハッカソン】空間AIブレイン ~⼤阪おばちゃんフィジカルAIに続く道~
Avatar for 田中 聖也 tanakaseiya
0
150
Microsoft Fabricで考える非構造データのAI活用
Avatar for Ryoma Nagata ryomaru0825
0
650
Webアクセシビリティは“もしも”に備える設計
Avatar for tomokusaba tomokusaba
0
160
20260326_AIDD事例紹介_ULSC.pdf
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
0
530

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
190
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
990
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
220
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.1k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k

Transcript

  1. None

  2. JetPack Compose

  3. About Raka Adi Nugroho - Software Engineer Android @Tokopedia -

    External Academy Reviewer @Dicoding - Android Developer @PrivyID /rakaadinugroho

  4. JetPack Compose

  5. None

  6. 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.
  7. None

  8. History of UI Toolkit

  9. Android Journey

  10. Common Thing Spread across several files - MainActivity.kt / JournalFragment.kt

    - fragment_journal.xml - style.xml

  11. Core Concept - Concise and Idiomatic Kotlin - Declarative -

    Compatible - Beautiful Apps - Accelerate Development

  12. Concise and Idiomatic Kotlin

  13. Declarative

  14. Declarative Imperative

  15. Compatible

  16. Beautiful Apps

  17. Accelerate Development

  18. Tokopedia UI - Unify

  19. What do we need? - Re-Usable UI Component - Single

    source of truth

  20. Hi! Jetpack Compose Future?

  21. Jetpack Compose - Major Components - Compose UI Library -

    Compose Compiler

  22. Jetpack Compose - Major Components

  23. Android Studio Support

  24. Layout Preview?

  25. # 1 Data Flow?

  26. Data Flow The declarative nature of Compose and it's UI

    components influence how data flows through a Compose application. DATA EVENT

  27. Data Flow - Data Flows Down DATA

  28. Data Flow - Events flow up EVENT

  29. UI as a Tree VS COLUMN JOURNAL ITEM 1 JOURNAL

    ITEM N CARD TITLE ABSTRACTION BUTTON

  30. UI as a Tree VS COLUMN JOURNAL ITEM 1 JOURNAL

    ITEM N CARD TITLE ABSTRACTION BUTTON

  31. # 2 State Handler

  32. UI as a Function UI=f(s)

  33. State Handler

  34. Existing UI UI Rendering Compose

  35. Demo

  36. - Flexibility - Re-Usability - Reactive Model - Less code

    POV : Pros & Cons - Min. API 21 - Layout Params (Padding)

  37. Jetpack Compose build for U & I ?

  38. Quick Recap 1. New Way to Build UI on Android

    2. As an Android Developer, you must try

  39. end; https://github.com/rakaadinugroho/ComposePlayground