Jetpack Compose - DevFest 2019

latepost, jetpack compose GDG DevFest 2019 Yogyakarta

Transcript

2. JetPack Compose
3. About Raka Adi Nugroho - Software Engineer Android @Tokopedia - External Academy Reviewer @Dicoding - Android Developer @PrivyID /rakaadinugroho
4. JetPack Compose
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.
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