Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Jetpack Compose - DevFest 2019

Avatar for Raka Adi Nugroho Raka Adi Nugroho
September 24, 2022
Technology
160
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
54
Leveraging GraphQL with Kotlin Multiplatform
Avatar for Raka Adi Nugroho rakaadinugroho
0
72
Security Awareness: Web Development Process
Avatar for Raka Adi Nugroho rakaadinugroho
0
60
Open Telemetry in Web Development
Avatar for Raka Adi Nugroho rakaadinugroho
0
81
Software Architecture 101
Avatar for Raka Adi Nugroho rakaadinugroho
0
96
Coroutine x Retrofit - Android Developer Day
Avatar for Raka Adi Nugroho rakaadinugroho
0
950

Other Decks in Technology

See All in Technology
クラウドサインを止めずに Nuxt へ 次の10年のために先に決めたこと
Avatar for 弁護士ドットコム bengo4com
1
170
Claude for Google Workspaces ポン出し/claude-for-google-workspace-slide-conversion
Avatar for emi emiki
0
13k
推論基盤と Scale-Up Interconnect の現状と制約から俯瞰する技術動向
Avatar for Masayuki Kobayashi markunet
2
550
Autonomous AI Lakehouse - Live AI Hubから始めるセキュアなAIデータ活用 -
Avatar for oracle4engineer oracle4engineer
PRO
2
160
仕様駆動開発の、その先へ。決める力と確かめる仕組み
Avatar for Riku INADA inariku
0
110
シンプルな設定ファイルで実現する AWS IAM Identity Center の ユーザー管理Terraformフレームワークを公開しました / Simplifying AWS IAM Identity Center User Management: An Open-Source Terraform Framework
Avatar for Takashi Yamaguchi yamaguchitk333
1
330
Snowflake でできることが増えたら、 ABAC が必要になった
Avatar for Tatsuya Hanyu kaeton
0
110
AI駆動開発におけるハーネスエンジニアリングの勘所
Avatar for つくぼし tsukuboshi
1
820
契約で守るコンパウンドプロダクトのデザインシステム
Avatar for Yuji Yamaguchi yug1224
1
1.6k
構造で守らせる　データ・法務・セキュリティ・開発チームとつくる AI時代のデータガバナンスとデータ基盤のリアル
Avatar for LegalOn Technologies, Inc legalontechnologies
PRO
2
630
データマネジメント × 法務で作りあげる、 freeeの新しいデータガバナンスへの軌跡
Avatar for freee freee
PRO
2
520
アカウント統制の健康診断
Avatar for KenichiNakamura kenichinakamura
1
210

Featured

See All Featured
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
370
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
630
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.4k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.5k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
310
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
340
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k

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