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

Jetpack Compose - DevFest 2019

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
41
Leveraging GraphQL with Kotlin Multiplatform
Avatar for Raka Adi Nugroho rakaadinugroho
0
60
Security Awareness: Web Development Process
Avatar for Raka Adi Nugroho rakaadinugroho
0
48
Open Telemetry in Web Development
Avatar for Raka Adi Nugroho rakaadinugroho
0
63
Software Architecture 101
Avatar for Raka Adi Nugroho rakaadinugroho
0
81
Coroutine x Retrofit - Android Developer Day
Avatar for Raka Adi Nugroho rakaadinugroho
0
930

Other Decks in Technology

See All in Technology
LLMやAIエージェントをソフトウェアに組み込むプラクティス
Avatar for shibuiwilliam shibuiwilliam
2
420
企業でAWS Organizationsを動かすための組織設計の考え方
Avatar for NRI Netcom nrinetcom
PRO
1
110
SoccerMaster: A Vision Foundation Model for Soccer Understanding
Avatar for Kazuyuki Miyazawa kzykmyzw
0
140
「最後に責任を取るのはチーム」— 人間のPRレビューを最小化してアップデートしたメンタルモデル
Avatar for Jotaro Nishime jnishime_dresscode
0
900
Kaggleで成長するために意識したこと
Avatar for Chikuwabu prgckwb
2
410
Genie Ontologyは銀の弾丸かを考える / Is Genie Ontology a Silver Bullet?
Avatar for NTT docomo Business nttcom
0
400
AIが実装を自走する時代の認知負債との戦い
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
230
発表と総括 / Presentations and Summary
Avatar for Kenji Saito ks91
PRO
0
140
「早く出す」より「事業に効く」 ── 顧客の業務サイクルから逆算するAI時代の二重ループ開発と「変化の設計者」 / devsumi2026
Avatar for Rakus_Dev rakus_dev
1
380
穢れた技術選定について
Avatar for watany watany
17
5.5k
あなたの『Site』はどこですか？ — xREという考え方
Avatar for miyamu miyamu
0
1.2k
個人開発で育てる「大規模設計の苗床」 - AI時代の1人開発から始める業務への知識接続 / The Seedbed for Large-Scale Design - From AI-Era Solo Projects to Professional Knowledge
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
280

Featured

See All Featured
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
300
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
510
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.4k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
300
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.8k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
64
56k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
390
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
710

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