Jetpack Compose でやってイイこと・ダメなこと

mobile.stmn #2 (2023/10/6)
https://stmn.connpass.com/event/294182/

Transcript

1. +FUQBDL
   $PNQPTF
   Ͱ΍ͬͯ ΧʔΩ
   !NPCJMFTUNOʢʣ μϝͳ͜ͱ🙅 ΠΠ͜ͱ🙆 
2. ϓϩϑΟʔϧ Name = “ΧʔΩ” BelongTo = “גࣜձࣾελϝϯ/ϞόΠϧΞϓϦG” Work = “Android App Engineer” Twitter = “@khaki_ngy” Fav = listOf(“🎞”, “🍳”) / / TODO:ӡӦΛ͍ͯ͠ΔίϛϡχςΟͷΠϕϯτͷ঺հΛ͢Δ Organization = “Liven up NAGOYA”
3. ࠓ೔࿩͢͜ͱ 1 . Jetpack Compose Recomposition 2 . 3 . 4 .
4. +FUQBDL
   $PNQPTF
   ͸ૉ੖Β͍͠👏
5. +FUQBDL
   $PNQPTF
   ͷྑ͍ͱ͜Ζ❤ UI AndroidView AndroidView Composable Google
6. +FUQBDL
   $PNQPTF
   ͷؾʹͳΔͱ͜Ζ👀 Recomposition AndroidView UI Recomposition • ඳըࡁΈͷը໘͕࠶౓ඳը͞ΕΔ͜ͱ • ࠶ඳըࣗମʹ໰୊͸ͳ͍ • ҙਤ͠ͳ͍λΠϛϯάͰRecomposition͕ൃੜͯ͠͠·͏ͱύϑΥʔϚϯεͷ௿Լʹܨ͕Δ
7. ҙਤ͠ͳ͍
   3FDPNQPTJUJPOΛ཈͑Δϧʔϧ ࠓ೔࿩͢͜ͱ
8. 
   ܕͷ҆ఆੑฤ
9. ܕͷ҆ఆੑʹ͍ͭͯ ܕͷʮ҆ఆʯʮෆ҆ఆʯ Composable Recomposition Ҿ਺ʹ༩͑Δܕ͕҆ఆͳͷ͔ෆ҆ఆͳͷ͔Λ஌Δඞཁ͕͋Δ
10. 🙆΍ͬͯΠΠ͜ͱ
    $PNQPTBCMFؔ਺ͷύϥϝʔλʹϓ ϦϛςΟϒܕΛ࢖͏
11. 🙆ΠΠͶ $PNQPTBCMFؔ਺ͷύϥϝʔλʹϓϦϛςΟϒܕΛ࢖͏ Recomposition 👍
12. 🙅΍ͬͯμϝͳ͜ͱ
    $PNQPTBCMFؔ਺ͷύϥϝʔλʹί ϨΫγϣϯܕ -JTU 4FU Λ࢖͏
13. 🙅ؾΛ͚ͭͯ $PNQPTBCMFؔ਺ͷύϥϝʔλʹίϨΫγϣϯܕ -JTU 4FU Λ࢖͏ items Recomposition
14. 🙆΍ͬͯΠΠ͜ͱ
    *NNVUBCMF-JTUΛར༻͢Δ
15. 🙆ΠΠͶ *NNVUBCMF-JTUΛར༻͢Δ kotlinx.collections.immutable Immutable Collection ImmutableList/ImmutableSet/ImmutableMap
16. 🙅΍ͬͯμϝͳ͜ͱ
    Ҿ਺ʹඇσʔλΫϥεΛར༻͢Δ
17. 🙅ؾΛ͚ͭͯ Ҿ਺ʹඇσʔλΫϥεΛར༻͢Δ Recomposition
18. 🙆΍ͬͯΠΠ͜ͱ
    ίϨΫγϣϯܕΛϥοϓͨ͠Ϋϥεʹ !*NNVUBCMFΞϊςʔγϣϯΛ෇͚Δ
19. 🙆ΠΠͶ ίϨΫγϣϯܕΛϥοϓͨ͠Ϋϥεʹ!*NNVUBCMFΞϊςʔγϣϯΛ෇͚Δ Collection @Immutable Items
20. 🙆΍ͬͯΠΠ͜ͱ
    ఆ਺ͷΈͰߏ੒͞ΕͨσʔλΫϥε Λར༻͢Δ
21. 🙆ΠΠͶ ఆ਺ͷΈͰߏ੒͞ΕͨσʔλΫϥεΛར༻͢Δ @Immutable
22. 
    Πϯελϯεੜ੒
23. Πϯελϯεੜ੒ͷίετ $PNQPTBCMFؔ਺಺Ͱͷ஫ҙ఺ Composable Composable
24. 🙅΍ͬͯμϝͳ͜ͱ
    $PNQPTBCMFؔ਺ͷείʔϓͰΠϯ ελϯεΛੜ੒͢Δ
25. 🙅ؾΛ͚ͭͯ $PNQPTBCMFؔ਺ͷείʔϓͰΠϯελϯεΛੜ੒͢Δ Widget Recomposition Title Title() Composable Recomposition
26. 🙆΍ͬͯΠΠ͜ͱ
    Πϯελϯεੜ੒ʹSFNFNCFSΛ
    ར༻͢Δ
27. 🙆ΠΠͶ Πϯελϯεੜ੒ʹSFNFNCFSΛར༻͢Δ Remember Composition
28. 🙆΍ͬͯΠΠ͜ͱ
    SFNFNCFSͷΩʔΛར༻͢Δ
29. 🙆ΠΠͶ SFNFNCFSͷΩʔΛར༻͢Δ remember key
30. 🤷͜Ε͸Ͳ͏ʁ SFNFNCFSͷΩʔΛར༻͢Δ Remember Recomposition
31. 🙆΍ͬͯΠΠ͜ͱ
    EFSJWFE4UBUF0GΛར༻͢Δ
32. 🙆ΠΠͶ EFSJWFE4UBUF0GΛར༻͢Δ derivedStateOf textColor Recomposition
33. 🤷ཹҙ఺ 3FDPNQPTJUJPO
    ʹහײʹͳΓա͗ͳ͍ Recomposition
34. 3FDPNQPTJUJPOΛݟۃΊΔ🕵
35. 3FDPNQPTJUJPO
    ΛݟۃΊΔํ๏ 1 . Layout Inspector Recomposition 2 . recomposeHighlighter
36. -BZPVU
    *OTQFDUPS 3FDPNQPTJUJPO
    ͷݸ਺ΛදࣔͰ͖Δʂ
37. -BZPVU
    *OTQFDUPS
    Ͱ֬ೝ͢Δ্Ͱͷ஫ҙ Gira ff e minify false Show Recomposition Counts
38. SFDPNQPTF)JHIMJHIUFS
    Λ࢖͏ Google Github Modi fi er Composable Modi fi er Recomposition
39. ·ͱΊ
40. ࠓ೔ͷ·ͱΊ Jetpack Compose Recomposition Recomposition 領 Recomposition